diff --git a/Prezel/core/designsystem/src/main/java/com/team/prezel/core/designsystem/component/textfield/PrezelTextField.kt b/Prezel/core/designsystem/src/main/java/com/team/prezel/core/designsystem/component/textfield/PrezelTextField.kt
new file mode 100644
index 0000000..679def5
--- /dev/null
+++ b/Prezel/core/designsystem/src/main/java/com/team/prezel/core/designsystem/component/textfield/PrezelTextField.kt
@@ -0,0 +1,336 @@
+package com.team.prezel.core.designsystem.component.textfield
+
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.text.BasicTextField
+import androidx.compose.foundation.text.KeyboardActions
+import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.material3.Icon
+import androidx.compose.material3.LocalContentColor
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.material3.ripple
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.focus.onFocusChanged
+import androidx.compose.ui.graphics.SolidColor
+import androidx.compose.ui.platform.LocalFocusManager
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import com.team.prezel.core.designsystem.component.button.PrezelButton
+import com.team.prezel.core.designsystem.icon.PrezelIcons
+import com.team.prezel.core.designsystem.preview.PreviewScaffold
+import com.team.prezel.core.designsystem.preview.SectionTitle
+import com.team.prezel.core.designsystem.preview.ThemePreview
+import com.team.prezel.core.designsystem.theme.PrezelTheme
+
+@Composable
+fun PrezelTextField(
+    value: String,
+    onValueChange: (String) -> Unit,
+    placeholder: String,
+    modifier: Modifier = Modifier,
+    label: String? = null,
+    trailingIcon: @Composable (() -> Unit)? = null,
+    feedback: PrezelTextFieldFeedback = PrezelTextFieldFeedback.NO_MESSAGE,
+    enabled: Boolean = true,
+    keyboardOptions: KeyboardOptions = KeyboardOptions.Default,
+    keyboardActions: KeyboardActions = KeyboardActions.Default,
+) {
+    var focused by remember { mutableStateOf(false) }
+
+    val state = rememberPrezelTextFieldInteraction(
+        value = value,
+        enabled = enabled,
+        focused = focused,
+    ).let { interaction -> PrezelTextFieldState(interaction = interaction, feedback = feedback) }
+
+    PrezelTextField(
+        value = value,
+        onValueChange = onValueChange,
+        placeholder = if (focused) "" else placeholder,
+        state = state,
+        onFocusChange = { isFocused -> focused = isFocused },
+        modifier = modifier,
+        label = label,
+        trailingIcon = trailingIcon,
+        enabled = enabled,
+        keyboardOptions = keyboardOptions,
+        keyboardActions = keyboardActions,
+    )
+}
+
+@Composable
+internal fun PrezelTextField(
+    value: String,
+    onValueChange: (String) -> Unit,
+    placeholder: String,
+    state: PrezelTextFieldState,
+    onFocusChange: (Boolean) -> Unit,
+    modifier: Modifier = Modifier,
+    label: String? = null,
+    trailingIcon: @Composable (() -> Unit)? = null,
+    enabled: Boolean = true,
+    keyboardOptions: KeyboardOptions = KeyboardOptions.Default,
+    keyboardActions: KeyboardActions = KeyboardActions.Default,
+) {
+    Column(modifier = modifier.fillMaxWidth()) {
+        label?.let {
+            PrezelTextFieldLabel(label = it)
+            Spacer(modifier = Modifier.height(PrezelTheme.spacing.V8))
+        }
+
+        BasicTextField(
+            value = value,
+            onValueChange = onValueChange,
+            enabled = enabled,
+            modifier = Modifier
+                .fillMaxWidth()
+                .height(48.dp)
+                .onFocusChanged { focusState -> onFocusChange(focusState.isFocused) },
+            singleLine = true,
+            textStyle = PrezelTheme.typography.body2Regular.copy(color = state.textColor()),
+            cursorBrush = SolidColor(PrezelTheme.colors.interactiveRegular),
+            keyboardOptions = keyboardOptions,
+            keyboardActions = keyboardActions,
+            decorationBox = { innerTextField ->
+                PrezelTextFieldDecorationBox(
+                    innerTextField = innerTextField,
+                    value = value,
+                    placeholder = placeholder,
+                    trailingIcon = trailingIcon,
+                    state = state,
+                )
+            },
+        )
+
+        if (state.supportingText.isNotEmpty()) {
+            Spacer(modifier = Modifier.height(PrezelTheme.spacing.V8))
+            PrezelTextFieldSupportingText(state = state)
+        }
+    }
+}
+
+@Composable
+private fun PrezelTextFieldDecorationBox(
+    innerTextField: @Composable () -> Unit,
+    value: String,
+    placeholder: String,
+    trailingIcon: @Composable (() -> Unit)?,
+    state: PrezelTextFieldState,
+    modifier: Modifier = Modifier,
+) {
+    Surface(
+        modifier = modifier.fillMaxWidth(),
+        color = state.containerColor(),
+        shape = PrezelTheme.shapes.V8,
+        border = state.borderStroke(),
+        contentColor = state.textColor(),
+    ) {
+        Row(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(PrezelTheme.spacing.V12),
+            verticalAlignment = Alignment.CenterVertically,
+        ) {
+            Box(modifier = Modifier.weight(1f)) {
+                innerTextField()
+                if (value.isEmpty()) {
+                    Text(
+                        text = placeholder,
+                        maxLines = 1,
+                        style = PrezelTheme.typography.body2Regular,
+                        color = PrezelTheme.colors.textSmall,
+                    )
+                }
+            }
+
+            trailingIcon?.let { content ->
+                Spacer(modifier = Modifier.width(PrezelTheme.spacing.V8))
+                CompositionLocalProvider(
+                    LocalContentColor provides state.trailingIconColor(),
+                    content = content,
+                )
+            }
+        }
+    }
+}
+
+@Composable
+private fun PrezelTextFieldLabel(
+    label: String,
+    modifier: Modifier = Modifier,
+) {
+    Text(
+        text = label,
+        style = PrezelTheme.typography.body3Medium,
+        color = PrezelTheme.colors.textMedium,
+        modifier = modifier,
+        maxLines = 1,
+    )
+}
+
+@Composable
+private fun PrezelTextFieldSupportingText(
+    state: PrezelTextFieldState,
+    modifier: Modifier = Modifier,
+) {
+    Text(
+        text = state.supportingText,
+        style = PrezelTheme.typography.body3Regular,
+        color = state.supportingTextColor(),
+        modifier = modifier,
+        maxLines = 1,
+    )
+}
+
+@ThemePreview
+@Composable
+private fun DefaultPrezelTextFieldPreview() {
+    PrezelTheme {
+        PreviewScaffold {
+            SectionTitle(title = "Default / Disabled")
+            PreviewTextFieldItem(
+                value = "",
+                state = PrezelTextFieldState(
+                    interaction = PrezelTextFieldInteraction.DEFAULT,
+                    feedback = PrezelTextFieldFeedback.Default("헬퍼 메시지"),
+                ),
+            )
+
+            PreviewTextFieldItem(
+                value = "",
+                state = PrezelTextFieldState(
+                    interaction = PrezelTextFieldInteraction.DISABLED,
+                    feedback = PrezelTextFieldFeedback.Default("헬퍼 메시지"),
+                ),
+            )
+        }
+    }
+}
+
+@ThemePreview
+@Composable
+private fun TypingPrezelTextFieldPreview() {
+    PrezelTheme {
+        PreviewScaffold {
+            SectionTitle(title = "Typing")
+            PreviewTextFieldItem(
+                value = "입력 중...",
+                state = PrezelTextFieldState(
+                    interaction = PrezelTextFieldInteraction.TYPING,
+                    feedback = PrezelTextFieldFeedback.Default("헬퍼 메시지"),
+                ),
+            )
+        }
+    }
+}
+
+@ThemePreview
+@Composable
+private fun TypedPrezelTextFieldPreview() {
+    PrezelTheme {
+        PreviewScaffold {
+            SectionTitle(title = "Typed")
+            PreviewTextFieldItem(
+                value = "입력함",
+                state = PrezelTextFieldState(
+                    interaction = PrezelTextFieldInteraction.TYPED,
+                    feedback = PrezelTextFieldFeedback.Default("헬퍼 메시지"),
+                ),
+            )
+            PreviewTextFieldItem(
+                value = "입력함",
+                state = PrezelTextFieldState(
+                    interaction = PrezelTextFieldInteraction.TYPED,
+                    feedback = PrezelTextFieldFeedback.Good("헬퍼 메시지"),
+                ),
+            )
+
+            PreviewTextFieldItem(
+                value = "입력함",
+                state = PrezelTextFieldState(
+                    interaction = PrezelTextFieldInteraction.TYPED,
+                    feedback = PrezelTextFieldFeedback.Bad("헬퍼 메시지"),
+                ),
+            )
+        }
+    }
+}
+
+@ThemePreview
+@Composable
+private fun MainPrezelTextFieldPreview() {
+    var value by remember { mutableStateOf("") }
+    val focusManager = LocalFocusManager.current
+
+    PrezelTheme {
+        PreviewScaffold {
+            PrezelTextField(
+                value = value,
+                onValueChange = { newValue -> value = newValue },
+                placeholder = "플레이스홀더",
+                label = "레이블",
+                trailingIcon = {
+                    Icon(
+                        painter = painterResource(PrezelIcons.Cancel),
+                        contentDescription = null,
+                        modifier = Modifier
+                            .clip(PrezelTheme.shapes.V6)
+                            .clickable(
+                                indication = ripple(),
+                                interactionSource = null,
+                                onClick = { value = "" },
+                            ),
+                    )
+                },
+                feedback = PrezelTextFieldFeedback.Default("헬퍼 메시지"),
+            )
+
+            Spacer(modifier = Modifier.height(20.dp))
+            PrezelButton(
+                text = "포커스 제거",
+                onClick = { focusManager.clearFocus() },
+            )
+        }
+    }
+}
+
+@Composable
+private fun PreviewTextFieldItem(
+    value: String,
+    state: PrezelTextFieldState,
+    modifier: Modifier = Modifier,
+) {
+    PrezelTextField(
+        value = value,
+        onValueChange = {},
+        placeholder = "플레이스홀더",
+        label = "레이블",
+        state = state,
+        modifier = modifier,
+        onFocusChange = {},
+        trailingIcon = {
+            Icon(
+                painter = painterResource(PrezelIcons.Blank),
+                contentDescription = null,
+            )
+        },
+    )
+
+    Spacer(modifier = Modifier.height(PrezelTheme.spacing.V16))
+}
diff --git a/Prezel/core/designsystem/src/main/java/com/team/prezel/core/designsystem/component/textfield/PrezelTextFieldState.kt b/Prezel/core/designsystem/src/main/java/com/team/prezel/core/designsystem/component/textfield/PrezelTextFieldState.kt
new file mode 100644
index 0000000..b78e6df
--- /dev/null
+++ b/Prezel/core/designsystem/src/main/java/com/team/prezel/core/designsystem/component/textfield/PrezelTextFieldState.kt
@@ -0,0 +1,247 @@
+package com.team.prezel.core.designsystem.component.textfield
+
+import androidx.compose.foundation.BorderStroke
+import androidx.compose.foundation.isSystemInDarkTheme
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.Immutable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.Stable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberUpdatedState
+import androidx.compose.runtime.setValue
+import androidx.compose.runtime.snapshotFlow
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import com.team.prezel.core.designsystem.foundation.color.PrezelColors
+import com.team.prezel.core.designsystem.theme.PrezelColorScheme
+import com.team.prezel.core.designsystem.theme.PrezelTheme
+import kotlinx.coroutines.FlowPreview
+import kotlinx.coroutines.flow.collectLatest
+import kotlinx.coroutines.flow.debounce
+import kotlinx.coroutines.flow.distinctUntilChanged
+import kotlinx.coroutines.flow.onEach
+
+/**
+ * Prezel TextField의 상호작용 상태를 나타냅니다.
+ *
+ * TextField가 현재 어떤 사용자 입력 상태에 놓여 있는지를 정의하며,
+ * 테두리 두께, 색상, 텍스트 색상 등의 스타일 계산에 사용됩니다.
+ */
+enum class PrezelTextFieldInteraction {
+    /** 기본 상태 (포커스 및 입력이 없는 상태) */
+    DEFAULT,
+
+    /** 사용자가 입력 중인 상태 */
+    TYPING,
+
+    /** 입력이 완료된 상태 */
+    TYPED,
+
+    /** 비활성화된 상태 */
+    DISABLED,
+    ;
+
+    companion object {
+        fun calculate(
+            enabled: Boolean,
+            focused: Boolean,
+            isIdle: Boolean,
+        ): PrezelTextFieldInteraction =
+            when {
+                !enabled -> DISABLED
+                !focused -> DEFAULT
+                !isIdle -> TYPING
+                else -> TYPED
+            }
+    }
+}
+
+/**
+ * Prezel TextField 입력 결과에 대한 피드백 상태를 나타냅니다.
+ *
+ * 입력이 완료된 이후(`TYPED`) 상태에서 시각적인 피드백을 제공하기 위해 사용됩니다.
+ */
+@Stable
+sealed interface PrezelTextFieldFeedback {
+    val message: String
+
+    /** 기본 상태 (피드백 없음) */
+    data class Default(
+        override val message: String,
+    ) : PrezelTextFieldFeedback
+
+    /** 긍정적인 입력 결과 */
+    data class Good(
+        override val message: String,
+    ) : PrezelTextFieldFeedback
+
+    /** 부정적인 입력 결과 */
+    data class Bad(
+        override val message: String,
+    ) : PrezelTextFieldFeedback
+
+    companion object {
+        val NO_MESSAGE = Default(message = "")
+    }
+}
+
+/**
+ * Prezel TextField의 상태 기반 스타일 정보를 정의합니다.
+ *
+ * [interaction]과 [feedback] 조합을 통해 컨테이너 색상, 텍스트 색상,
+ * 아이콘 색상, 테두리 스타일 등의 파생 스타일을 계산합니다.
+ *
+ * 이 객체는 UI 상태를 표현하는 값 객체로 사용되며,
+ * 실제 색상 및 두께 계산 로직은 내부 함수에서 처리합니다.
+ *
+ * @property interaction TextField의 현재 상호작용 상태
+ * @property feedback 입력 결과에 대한 피드백 상태
+ */
+@Immutable
+data class PrezelTextFieldState(
+    val interaction: PrezelTextFieldInteraction = PrezelTextFieldInteraction.DEFAULT,
+    val feedback: PrezelTextFieldFeedback = PrezelTextFieldFeedback.NO_MESSAGE,
+) {
+    val supportingText: String = feedback.message
+
+    /**
+     * TextField 컨테이너의 배경 색상을 반환합니다.
+     *
+     * 입력 완료(`TYPED`) 상태에서만 피드백에 따라 배경 색상이 적용되며,
+     * 그 외 상태에서는 투명한 색상을 반환합니다.
+     */
+    @Composable
+    internal fun containerColor(colors: PrezelColors = PrezelTheme.colors): Color =
+        when (interaction) {
+            PrezelTextFieldInteraction.TYPED -> when (feedback) {
+                is PrezelTextFieldFeedback.Default -> Color.Transparent
+                is PrezelTextFieldFeedback.Good -> colors.feedbackGoodSmall
+                is PrezelTextFieldFeedback.Bad -> colors.feedbackBadSmall
+            }
+
+            else -> Color.Transparent
+        }
+
+    /**
+     * TextField 내부 텍스트 색상을 반환합니다.
+     *
+     * 상호작용 상태와 피드백 상태에 따라 텍스트 대비를 조정하며,
+     * 다크 모드 여부에 따라 일부 색상이 달라질 수 있습니다.
+     */
+    @Composable
+    internal fun textColor(
+        colors: PrezelColors = PrezelTheme.colors,
+        isDarkTheme: Boolean = isSystemInDarkTheme(),
+    ): Color =
+        when (interaction) {
+            PrezelTextFieldInteraction.DEFAULT -> colors.textSmall
+            PrezelTextFieldInteraction.DISABLED -> colors.textDisabled
+            PrezelTextFieldInteraction.TYPING -> colors.textLarge
+            PrezelTextFieldInteraction.TYPED -> when (feedback) {
+                is PrezelTextFieldFeedback.Default -> colors.textRegular
+                else -> if (isDarkTheme) PrezelColorScheme.Light.textLarge else colors.textLarge
+            }
+        }
+
+    /**
+     * TextField Supporting 텍스트 색상을 반환합니다.
+     */
+    @Composable
+    internal fun supportingTextColor(colors: PrezelColors = PrezelTheme.colors): Color =
+        when (interaction) {
+            PrezelTextFieldInteraction.TYPED -> when (feedback) {
+                is PrezelTextFieldFeedback.Default -> colors.textRegular
+                is PrezelTextFieldFeedback.Good -> colors.feedbackGoodRegular
+                is PrezelTextFieldFeedback.Bad -> colors.feedbackBadRegular
+            }
+
+            else -> colors.textRegular
+        }
+
+    /**
+     * TextField 우측 트레일링 아이콘의 색상을 반환합니다.
+     *
+     * 비활성화 상태에서는 비활성 색상을 사용하며,
+     * 입력 완료 상태에서는 피드백에 따라 아이콘 색상이 변경됩니다.
+     */
+    @Composable
+    internal fun trailingIconColor(colors: PrezelColors = PrezelTheme.colors): Color =
+        when (interaction) {
+            PrezelTextFieldInteraction.DISABLED,
+            PrezelTextFieldInteraction.DEFAULT,
+            -> colors.iconDisabled
+
+            PrezelTextFieldInteraction.TYPING -> colors.iconRegular
+            PrezelTextFieldInteraction.TYPED -> when (feedback) {
+                is PrezelTextFieldFeedback.Default -> colors.iconRegular
+                is PrezelTextFieldFeedback.Good -> colors.interactiveRegular
+                is PrezelTextFieldFeedback.Bad -> colors.feedbackBadRegular
+            }
+        }
+
+    /**
+     * TextField 테두리 스타일을 반환합니다.
+     *
+     * 상호작용 상태에 따라 테두리 두께가 달라지며,
+     * 입력 완료 상태에서는 피드백에 따라 테두리 색상이 변경됩니다.
+     */
+    @Composable
+    internal fun borderStroke(colors: PrezelColors = PrezelTheme.colors): BorderStroke {
+        val borderWidth = when (interaction) {
+            PrezelTextFieldInteraction.DEFAULT,
+            PrezelTextFieldInteraction.DISABLED,
+            -> 1.dp
+
+            PrezelTextFieldInteraction.TYPING,
+            PrezelTextFieldInteraction.TYPED,
+            -> 2.dp
+        }
+
+        val borderColor = when (interaction) {
+            PrezelTextFieldInteraction.DISABLED -> colors.borderDisabled
+            PrezelTextFieldInteraction.DEFAULT -> colors.borderSmall
+            PrezelTextFieldInteraction.TYPING -> colors.borderMedium
+            PrezelTextFieldInteraction.TYPED -> when (feedback) {
+                is PrezelTextFieldFeedback.Default -> colors.borderRegular
+                is PrezelTextFieldFeedback.Good -> colors.interactiveRegular
+                is PrezelTextFieldFeedback.Bad -> colors.feedbackBadRegular
+            }
+        }
+
+        return BorderStroke(width = borderWidth, color = borderColor)
+    }
+}
+
+@OptIn(FlowPreview::class)
+@Composable
+internal fun rememberPrezelTextFieldInteraction(
+    value: String,
+    enabled: Boolean,
+    focused: Boolean,
+    idleMillis: Long = 800L,
+): PrezelTextFieldInteraction {
+    var isIdle by remember { mutableStateOf(false) }
+    val latestValue by rememberUpdatedState(value)
+    val latestEnabled by rememberUpdatedState(enabled)
+    val latestFocused by rememberUpdatedState(focused)
+
+    LaunchedEffect(focused) {
+        if (!focused) isIdle = false
+    }
+
+    LaunchedEffect(idleMillis) {
+        snapshotFlow { latestValue }
+            .distinctUntilChanged()
+            .onEach { isIdle = false }
+            .debounce(idleMillis)
+            .collectLatest { if (latestEnabled && latestFocused) isIdle = true }
+    }
+
+    return PrezelTextFieldInteraction.calculate(
+        enabled = enabled,
+        focused = focused,
+        isIdle = isIdle,
+    )
+}
diff --git a/Prezel/detekt-config.yml b/Prezel/detekt-config.yml
index 9660790..284eb2b 100644
--- a/Prezel/detekt-config.yml
+++ b/Prezel/detekt-config.yml
@@ -35,9 +35,7 @@ complexity:
         active: true
         threshold: 40
     LongParameterList:
-        active: true
-        functionThreshold: 8
-        constructorThreshold: 8
+        active: false
     CyclomaticComplexMethod:
         active: true
         threshold: 15