diff --git a/toolkit/featureforms/api/featureforms.api b/toolkit/featureforms/api/featureforms.api
index 25ba5c19a..1101cfb56 100644
--- a/toolkit/featureforms/api/featureforms.api
+++ b/toolkit/featureforms/api/featureforms.api
@@ -16,6 +16,44 @@ public final class com/arcgismaps/toolkit/featureforms/ValidationErrorVisibility
 	public static final field INSTANCE Lcom/arcgismaps/toolkit/featureforms/ValidationErrorVisibility$Visible;
 }
 
+public final class com/arcgismaps/toolkit/featureforms/theme/AttachmentsElementColors {
+	public static final field $stable I
+	public final fun component1-0d7_KjU ()J
+	public final fun component2-0d7_KjU ()J
+	public final fun component3-0d7_KjU ()J
+	public final fun component4-0d7_KjU ()J
+	public final fun component5-0d7_KjU ()J
+	public final fun component6-0d7_KjU ()J
+	public final fun component7-0d7_KjU ()J
+	public final fun copy-4JmcsL4 (JJJJJJJ)Lcom/arcgismaps/toolkit/featureforms/theme/AttachmentsElementColors;
+	public static synthetic fun copy-4JmcsL4$default (Lcom/arcgismaps/toolkit/featureforms/theme/AttachmentsElementColors;JJJJJJJILjava/lang/Object;)Lcom/arcgismaps/toolkit/featureforms/theme/AttachmentsElementColors;
+	public fun equals (Ljava/lang/Object;)Z
+	public final fun getContainerColor-0d7_KjU ()J
+	public final fun getLabelColor-0d7_KjU ()J
+	public final fun getOutlineColor-0d7_KjU ()J
+	public final fun getScrollBarColor-0d7_KjU ()J
+	public final fun getSupportingTextColor-0d7_KjU ()J
+	public final fun getTileBorderColor-0d7_KjU ()J
+	public final fun getTileTextColor-0d7_KjU ()J
+	public fun hashCode ()I
+	public fun toString ()Ljava/lang/String;
+}
+
+public final class com/arcgismaps/toolkit/featureforms/theme/AttachmentsElementTypography {
+	public static final field $stable I
+	public final fun component1 ()Landroidx/compose/ui/text/TextStyle;
+	public final fun component2 ()Landroidx/compose/ui/text/TextStyle;
+	public final fun component3 ()Landroidx/compose/ui/text/TextStyle;
+	public final fun copy (Landroidx/compose/ui/text/TextStyle;Landroidx/compose/ui/text/TextStyle;Landroidx/compose/ui/text/TextStyle;)Lcom/arcgismaps/toolkit/featureforms/theme/AttachmentsElementTypography;
+	public static synthetic fun copy$default (Lcom/arcgismaps/toolkit/featureforms/theme/AttachmentsElementTypography;Landroidx/compose/ui/text/TextStyle;Landroidx/compose/ui/text/TextStyle;Landroidx/compose/ui/text/TextStyle;ILjava/lang/Object;)Lcom/arcgismaps/toolkit/featureforms/theme/AttachmentsElementTypography;
+	public fun equals (Ljava/lang/Object;)Z
+	public final fun getLabelStyle ()Landroidx/compose/ui/text/TextStyle;
+	public final fun getSupportingTextStyle ()Landroidx/compose/ui/text/TextStyle;
+	public final fun getTileTextStyle ()Landroidx/compose/ui/text/TextStyle;
+	public fun hashCode ()I
+	public fun toString ()Ljava/lang/String;
+}
+
 public final class com/arcgismaps/toolkit/featureforms/theme/EditableTextFieldColors {
 	public static final field $stable I
 	public final fun component1-0d7_KjU ()J
@@ -112,9 +150,11 @@ public final class com/arcgismaps/toolkit/featureforms/theme/FeatureFormColorSch
 	public final fun component2 ()Lcom/arcgismaps/toolkit/featureforms/theme/ReadOnlyFieldColors;
 	public final fun component3 ()Lcom/arcgismaps/toolkit/featureforms/theme/RadioButtonFieldColors;
 	public final fun component4 ()Lcom/arcgismaps/toolkit/featureforms/theme/GroupElementColors;
-	public final fun copy (Lcom/arcgismaps/toolkit/featureforms/theme/EditableTextFieldColors;Lcom/arcgismaps/toolkit/featureforms/theme/ReadOnlyFieldColors;Lcom/arcgismaps/toolkit/featureforms/theme/RadioButtonFieldColors;Lcom/arcgismaps/toolkit/featureforms/theme/GroupElementColors;)Lcom/arcgismaps/toolkit/featureforms/theme/FeatureFormColorScheme;
-	public static synthetic fun copy$default (Lcom/arcgismaps/toolkit/featureforms/theme/FeatureFormColorScheme;Lcom/arcgismaps/toolkit/featureforms/theme/EditableTextFieldColors;Lcom/arcgismaps/toolkit/featureforms/theme/ReadOnlyFieldColors;Lcom/arcgismaps/toolkit/featureforms/theme/RadioButtonFieldColors;Lcom/arcgismaps/toolkit/featureforms/theme/GroupElementColors;ILjava/lang/Object;)Lcom/arcgismaps/toolkit/featureforms/theme/FeatureFormColorScheme;
+	public final fun component5 ()Lcom/arcgismaps/toolkit/featureforms/theme/AttachmentsElementColors;
+	public final fun copy (Lcom/arcgismaps/toolkit/featureforms/theme/EditableTextFieldColors;Lcom/arcgismaps/toolkit/featureforms/theme/ReadOnlyFieldColors;Lcom/arcgismaps/toolkit/featureforms/theme/RadioButtonFieldColors;Lcom/arcgismaps/toolkit/featureforms/theme/GroupElementColors;Lcom/arcgismaps/toolkit/featureforms/theme/AttachmentsElementColors;)Lcom/arcgismaps/toolkit/featureforms/theme/FeatureFormColorScheme;
+	public static synthetic fun copy$default (Lcom/arcgismaps/toolkit/featureforms/theme/FeatureFormColorScheme;Lcom/arcgismaps/toolkit/featureforms/theme/EditableTextFieldColors;Lcom/arcgismaps/toolkit/featureforms/theme/ReadOnlyFieldColors;Lcom/arcgismaps/toolkit/featureforms/theme/RadioButtonFieldColors;Lcom/arcgismaps/toolkit/featureforms/theme/GroupElementColors;Lcom/arcgismaps/toolkit/featureforms/theme/AttachmentsElementColors;ILjava/lang/Object;)Lcom/arcgismaps/toolkit/featureforms/theme/FeatureFormColorScheme;
 	public fun equals (Ljava/lang/Object;)Z
+	public final fun getAttachmentsElementColors ()Lcom/arcgismaps/toolkit/featureforms/theme/AttachmentsElementColors;
 	public final fun getEditableTextFieldColors ()Lcom/arcgismaps/toolkit/featureforms/theme/EditableTextFieldColors;
 	public final fun getGroupElementColors ()Lcom/arcgismaps/toolkit/featureforms/theme/GroupElementColors;
 	public final fun getRadioButtonFieldColors ()Lcom/arcgismaps/toolkit/featureforms/theme/RadioButtonFieldColors;
@@ -126,7 +166,9 @@ public final class com/arcgismaps/toolkit/featureforms/theme/FeatureFormColorSch
 public final class com/arcgismaps/toolkit/featureforms/theme/FeatureFormDefaults {
 	public static final field $stable I
 	public static final field INSTANCE Lcom/arcgismaps/toolkit/featureforms/theme/FeatureFormDefaults;
-	public final fun colorScheme (Lcom/arcgismaps/toolkit/featureforms/theme/EditableTextFieldColors;Lcom/arcgismaps/toolkit/featureforms/theme/ReadOnlyFieldColors;Lcom/arcgismaps/toolkit/featureforms/theme/RadioButtonFieldColors;Lcom/arcgismaps/toolkit/featureforms/theme/GroupElementColors;Landroidx/compose/runtime/Composer;II)Lcom/arcgismaps/toolkit/featureforms/theme/FeatureFormColorScheme;
+	public final fun attachmentsElementColors-69fazGs (JJJJJJJLandroidx/compose/runtime/Composer;II)Lcom/arcgismaps/toolkit/featureforms/theme/AttachmentsElementColors;
+	public final fun attachmentsElementTypography (Landroidx/compose/ui/text/TextStyle;Landroidx/compose/ui/text/TextStyle;Landroidx/compose/ui/text/TextStyle;Landroidx/compose/runtime/Composer;II)Lcom/arcgismaps/toolkit/featureforms/theme/AttachmentsElementTypography;
+	public final fun colorScheme (Lcom/arcgismaps/toolkit/featureforms/theme/EditableTextFieldColors;Lcom/arcgismaps/toolkit/featureforms/theme/ReadOnlyFieldColors;Lcom/arcgismaps/toolkit/featureforms/theme/RadioButtonFieldColors;Lcom/arcgismaps/toolkit/featureforms/theme/GroupElementColors;Lcom/arcgismaps/toolkit/featureforms/theme/AttachmentsElementColors;Landroidx/compose/runtime/Composer;II)Lcom/arcgismaps/toolkit/featureforms/theme/FeatureFormColorScheme;
 	public final fun editableTextFieldColors-s9joTbY (JJJJJJJJLandroidx/compose/foundation/text/selection/TextSelectionColors;JJJJJJJJJJJJJJJJJJJJJJJJLandroidx/compose/runtime/Composer;IIIIII)Lcom/arcgismaps/toolkit/featureforms/theme/EditableTextFieldColors;
 	public final fun editableTextFieldTypography (Landroidx/compose/ui/text/TextStyle;Landroidx/compose/ui/text/TextStyle;Landroidx/compose/ui/text/TextStyle;Landroidx/compose/runtime/Composer;II)Lcom/arcgismaps/toolkit/featureforms/theme/EditableTextFieldTypography;
 	public final fun groupElementColors-zjMxDiM (JJJJJLandroidx/compose/runtime/Composer;II)Lcom/arcgismaps/toolkit/featureforms/theme/GroupElementColors;
@@ -135,11 +177,12 @@ public final class com/arcgismaps/toolkit/featureforms/theme/FeatureFormDefaults
 	public final fun radioButtonFieldTypography (Landroidx/compose/ui/text/TextStyle;Landroidx/compose/ui/text/TextStyle;Landroidx/compose/ui/text/TextStyle;Landroidx/compose/runtime/Composer;II)Lcom/arcgismaps/toolkit/featureforms/theme/RadioButtonFieldTypography;
 	public final fun readOnlyFieldColors-ro_MJ88 (JJJJLandroidx/compose/runtime/Composer;II)Lcom/arcgismaps/toolkit/featureforms/theme/ReadOnlyFieldColors;
 	public final fun readOnlyFieldTypography (Landroidx/compose/ui/text/TextStyle;Landroidx/compose/ui/text/TextStyle;Landroidx/compose/ui/text/TextStyle;Landroidx/compose/runtime/Composer;II)Lcom/arcgismaps/toolkit/featureforms/theme/ReadOnlyFieldTypography;
-	public final fun typography (Lcom/arcgismaps/toolkit/featureforms/theme/EditableTextFieldTypography;Lcom/arcgismaps/toolkit/featureforms/theme/ReadOnlyFieldTypography;Lcom/arcgismaps/toolkit/featureforms/theme/GroupElementTypography;Lcom/arcgismaps/toolkit/featureforms/theme/RadioButtonFieldTypography;Landroidx/compose/runtime/Composer;II)Lcom/arcgismaps/toolkit/featureforms/theme/FeatureFormTypography;
+	public final fun typography (Lcom/arcgismaps/toolkit/featureforms/theme/EditableTextFieldTypography;Lcom/arcgismaps/toolkit/featureforms/theme/ReadOnlyFieldTypography;Lcom/arcgismaps/toolkit/featureforms/theme/GroupElementTypography;Lcom/arcgismaps/toolkit/featureforms/theme/RadioButtonFieldTypography;Lcom/arcgismaps/toolkit/featureforms/theme/AttachmentsElementTypography;Landroidx/compose/runtime/Composer;II)Lcom/arcgismaps/toolkit/featureforms/theme/FeatureFormTypography;
 }
 
 public final class com/arcgismaps/toolkit/featureforms/theme/FeatureFormTypography {
 	public static final field $stable I
+	public final fun getAttachmentsElementTypography ()Lcom/arcgismaps/toolkit/featureforms/theme/AttachmentsElementTypography;
 	public final fun getEditableTextFieldTypography ()Lcom/arcgismaps/toolkit/featureforms/theme/EditableTextFieldTypography;
 	public final fun getGroupElementTypography ()Lcom/arcgismaps/toolkit/featureforms/theme/GroupElementTypography;
 	public final fun getRadioButtonFieldTypography ()Lcom/arcgismaps/toolkit/featureforms/theme/RadioButtonFieldTypography;
diff --git a/toolkit/featureforms/src/androidTest/java/com/arcgismaps/toolkit/featureforms/ThemingTests.kt b/toolkit/featureforms/src/androidTest/java/com/arcgismaps/toolkit/featureforms/ThemingTests.kt
index 681f7c721..ba485b14a 100644
--- a/toolkit/featureforms/src/androidTest/java/com/arcgismaps/toolkit/featureforms/ThemingTests.kt
+++ b/toolkit/featureforms/src/androidTest/java/com/arcgismaps/toolkit/featureforms/ThemingTests.kt
@@ -18,11 +18,15 @@ package com.arcgismaps.toolkit.featureforms
 
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.test.assertIsDisplayed
+import androidx.compose.ui.test.hasText
 import androidx.compose.ui.test.junit4.createComposeRule
+import androidx.compose.ui.test.onNodeWithContentDescription
 import androidx.compose.ui.test.onNodeWithText
 import androidx.compose.ui.test.performClick
 import androidx.compose.ui.test.performImeAction
+import androidx.compose.ui.test.performScrollToNode
 import androidx.compose.ui.test.performTextInput
+import androidx.compose.ui.test.printToLog
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.font.FontWeight
 import com.arcgismaps.toolkit.featureforms.theme.FeatureFormColorScheme
@@ -266,4 +270,62 @@ class ThemingTests : FeatureFormTestRunner(
         supportingText.assertIsDisplayed()
         supportingText.assertTextColor(Color.Green)
     }
+
+    /**
+     * Given a FeatureForm with a custom color scheme and typography for attachments elements
+     * When the FeatureForm is displayed
+     * Then the custom color scheme and typography are applied to the attachments form elements
+     */
+    @Test
+    fun testAttachmentsElementTheming() {
+        var colorScheme: FeatureFormColorScheme
+        var typography: FeatureFormTypography
+        composeTestRule.setContent {
+            colorScheme = FeatureFormDefaults.colorScheme(
+                attachmentsElementColors = FeatureFormDefaults.attachmentsElementColors(
+                    labelColor = Color.Red,
+                    tileTextColor = Color.Green
+                )
+            )
+            typography = FeatureFormDefaults.typography(
+                attachmentsElementTypography = FeatureFormDefaults.attachmentsElementTypography(
+                    labelStyle = TextStyle(
+                        fontWeight = FontWeight.ExtraBold
+                    ),
+                    tileTextStyle = TextStyle(
+                        fontWeight = FontWeight.ExtraBold,
+                    ),
+                )
+            )
+            FeatureForm(
+                featureForm = featureForm,
+                colorScheme = colorScheme,
+                typography = typography
+            )
+        }
+        val attachmentsElement = featureForm.defaultAttachmentsElement
+        assertThat(attachmentsElement).isNotNull()
+        // find the scrollable container
+        val lazyColumn = composeTestRule.onNodeWithContentDescription("lazy column")
+        lazyColumn.performScrollToNode(hasText(attachmentsElement!!.label))
+        // scroll until the attachments element is visible
+        val attachmentsField = composeTestRule.onNodeWithText(attachmentsElement.label)
+        attachmentsField.printToLog("label")
+        attachmentsField.assertIsDisplayed()
+        attachmentsField.assertTextStyle(
+            TextStyle(
+                fontWeight = FontWeight.ExtraBold,
+                color = Color.Red
+            )
+        )
+        // get the first attachment tile
+        val tile = attachmentsField.onChildWithText(attachmentsElement.attachments.first().name)
+        tile.assertIsDisplayed()
+        tile.assertTextStyle(
+            TextStyle(
+                fontWeight = FontWeight.ExtraBold,
+                color = Color.Green
+            )
+        )
+    }
 }
diff --git a/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/internal/components/attachment/AttachmentElementDefaults.kt b/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/internal/components/attachment/AttachmentElementDefaults.kt
deleted file mode 100644
index 3e80305db..000000000
--- a/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/internal/components/attachment/AttachmentElementDefaults.kt
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
- * Copyright 2024 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-package com.arcgismaps.toolkit.featureforms.internal.components.attachment
-
-import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.material3.MaterialTheme
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.unit.dp
-
-internal object AttachmentElementDefaults {
-    
-    val buttonBorderThickness = 2.dp
-    val borderThickness = 1.dp
-    val containerShape = RoundedCornerShape(5.dp)
-    val attachmentDetailShape = RoundedCornerShape(10.dp)
-    val attachmentShape = RoundedCornerShape(10.dp)
-    
-    @Composable
-    fun colors() : AttachmentElementColors = AttachmentElementColors(
-        containerColor = MaterialTheme.colorScheme.background,
-        carouselContainerColor = MaterialTheme.colorScheme.onBackground,
-        borderColor = MaterialTheme.colorScheme.outline.copy(alpha = 0.6f)
-    )
-}
-
-internal data class AttachmentElementColors(
-    val containerColor : Color,
-    val carouselContainerColor: Color,
-    val borderColor : Color,
-)
-
diff --git a/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/internal/components/attachment/AttachmentFormElement.kt b/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/internal/components/attachment/AttachmentFormElement.kt
index 713557474..f5e0d5871 100644
--- a/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/internal/components/attachment/AttachmentFormElement.kt
+++ b/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/internal/components/attachment/AttachmentFormElement.kt
@@ -35,12 +35,14 @@ import androidx.compose.foundation.layout.wrapContentHeight
 import androidx.compose.foundation.lazy.LazyListState
 import androidx.compose.foundation.lazy.LazyRow
 import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.rounded.Add
 import androidx.compose.material.icons.rounded.Folder
 import androidx.compose.material.icons.rounded.Photo
 import androidx.compose.material.icons.rounded.PhotoCamera
 import androidx.compose.material3.Card
+import androidx.compose.material3.CardDefaults
 import androidx.compose.material3.CircularProgressIndicator
 import androidx.compose.material3.DropdownMenu
 import androidx.compose.material3.DropdownMenuItem
@@ -68,6 +70,7 @@ import androidx.compose.ui.geometry.Offset
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.semantics.semantics
 import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.tooling.preview.Preview
@@ -80,6 +83,10 @@ import com.arcgismaps.toolkit.featureforms.R
 import com.arcgismaps.toolkit.featureforms.internal.utils.AttachmentsFileProvider
 import com.arcgismaps.toolkit.featureforms.internal.utils.DialogType
 import com.arcgismaps.toolkit.featureforms.internal.utils.LocalDialogRequester
+import com.arcgismaps.toolkit.featureforms.theme.AttachmentsElementColors
+import com.arcgismaps.toolkit.featureforms.theme.AttachmentsElementTypography
+import com.arcgismaps.toolkit.featureforms.theme.LocalColorScheme
+import com.arcgismaps.toolkit.featureforms.theme.LocalTypography
 import kotlinx.coroutines.flow.MutableSharedFlow
 import kotlinx.coroutines.launch
 import java.time.Instant
@@ -115,12 +122,16 @@ internal fun AttachmentFormElement(
     lazyListState: LazyListState,
     hasCameraPermission: Boolean,
     modifier: Modifier = Modifier,
-    colors: AttachmentElementColors = AttachmentElementDefaults.colors()
+    colors: AttachmentsElementColors = LocalColorScheme.current.attachmentsElementColors,
+    typography: AttachmentsElementTypography = LocalTypography.current.attachmentsElementTypography
 ) {
     Card(
         modifier = modifier.semantics(mergeDescendants = true) {},
-        shape = AttachmentElementDefaults.containerShape,
-        border = BorderStroke(AttachmentElementDefaults.borderThickness, colors.borderColor)
+        shape = RoundedCornerShape(5.dp),
+        border = BorderStroke(1.dp, colors.outlineColor),
+        colors = CardDefaults.cardColors(
+            containerColor = colors.containerColor
+        )
     ) {
         Column(
             modifier = Modifier.padding(15.dp)
@@ -128,7 +139,11 @@ internal fun AttachmentFormElement(
             Row {
                 Header(
                     title = label,
-                    description = description
+                    description = description,
+                    titleColor = colors.labelColor,
+                    titleTextStyle = typography.labelStyle,
+                    descriptionColor = colors.supportingTextColor,
+                    descriptionTextStyle = typography.supportingTextStyle
                 )
                 Spacer(modifier = Modifier.weight(1f))
                 if (editable) {
@@ -141,20 +156,24 @@ internal fun AttachmentFormElement(
                 }
             }
             Spacer(modifier = Modifier.height(20.dp))
-            Carousel(lazyListState, attachments)
+            Carousel(lazyListState, attachments, colors.scrollBarColor)
         }
     }
 }
 
 @Composable
-private fun Carousel(state: LazyListState, attachments: List<FormAttachmentState>) {
+private fun Carousel(
+    state: LazyListState,
+    attachments: List<FormAttachmentState>,
+    scrollBarColor: Color,
+) {
     LazyRow(
         modifier = Modifier
             .fillMaxWidth()
             .horizontalScrollbar(
                 state = state,
-                trackColor = MaterialTheme.colorScheme.onSurface.copy(alpha = 0.1f),
-                color = MaterialTheme.colorScheme.onSurface.copy(alpha = 0.5f),
+                trackColor = scrollBarColor.copy(alpha = 0.1f),
+                color = scrollBarColor,
                 height = 4.dp,
                 offsetY = 5.dp,
                 autoHide = false
@@ -173,6 +192,10 @@ private fun Carousel(state: LazyListState, attachments: List<FormAttachmentState
 private fun Header(
     title: String,
     description: String,
+    titleColor: Color,
+    titleTextStyle: TextStyle,
+    descriptionColor: Color,
+    descriptionTextStyle: TextStyle,
     modifier: Modifier = Modifier
 ) {
     Row(
@@ -182,14 +205,16 @@ private fun Header(
         Column {
             Text(
                 text = title,
-                style = MaterialTheme.typography.bodyLarge,
+                color = titleColor,
+                style = titleTextStyle,
                 maxLines = 1,
                 overflow = TextOverflow.Ellipsis
             )
             if (description.isNotEmpty()) {
                 Text(
                     text = description,
-                    style = MaterialTheme.typography.bodyMedium,
+                    color = descriptionColor,
+                    style = descriptionTextStyle,
                     maxLines = 1,
                     overflow = TextOverflow.Ellipsis
                 )
diff --git a/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/internal/components/attachment/AttachmentTile.kt b/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/internal/components/attachment/AttachmentTile.kt
index eb7ab0591..1089e66c7 100644
--- a/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/internal/components/attachment/AttachmentTile.kt
+++ b/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/internal/components/attachment/AttachmentTile.kt
@@ -96,6 +96,8 @@ import com.arcgismaps.toolkit.featureforms.R
 import com.arcgismaps.toolkit.featureforms.internal.utils.AttachmentsFileProvider
 import com.arcgismaps.toolkit.featureforms.internal.utils.DialogType
 import com.arcgismaps.toolkit.featureforms.internal.utils.LocalDialogRequester
+import com.arcgismaps.toolkit.featureforms.theme.LocalColorScheme
+import com.arcgismaps.toolkit.featureforms.theme.LocalTypography
 import kotlinx.coroutines.delay
 import kotlinx.coroutines.flow.collectLatest
 import java.io.File
@@ -113,6 +115,7 @@ internal fun AttachmentTile(
     var showContextMenu by remember { mutableStateOf(false) }
     val dialogRequester = LocalDialogRequester.current
     val context = LocalContext.current
+    val colors = LocalColorScheme.current.attachmentsElementColors
     Surface(
         onClick = {},
         modifier = modifier
@@ -120,7 +123,7 @@ internal fun AttachmentTile(
             .height(75.dp)
             .clip(shape = RoundedCornerShape(8.dp))
             .border(
-                border = BorderStroke(0.5.dp, MaterialTheme.colorScheme.outline),
+                border = BorderStroke(0.5.dp, colors.tileBorderColor),
                 shape = RoundedCornerShape(8.dp)
             ),
         interactionSource = interactionSource
@@ -238,7 +241,8 @@ internal fun AttachmentTile(
                                 context.startActivity(intent)
                             } catch (e: ActivityNotFoundException) {
                                 // show a toast if there is no app to open the file type
-                                Toast.makeText(context, R.string.no_app_found, Toast.LENGTH_SHORT).show()
+                                Toast.makeText(context, R.string.no_app_found, Toast.LENGTH_SHORT)
+                                    .show()
                             }
                         }
                     }
@@ -276,16 +280,13 @@ private fun LoadedView(
                     .align(Alignment.Center)
             )
         }
+
         Column(
             modifier = Modifier
                 .align(Alignment.BottomCenter)
                 .fillMaxWidth()
                 .height(20.dp)
-                .background(
-                    MaterialTheme.colorScheme.onBackground.copy(
-                        alpha = 0.7f
-                    )
-                ),
+                .background(MaterialTheme.colorScheme.surface.copy(alpha = 0.7f)),
             verticalArrangement = Arrangement.Center
         ) {
             Title(
@@ -293,7 +294,6 @@ private fun LoadedView(
                 modifier = Modifier
                     .fillMaxWidth()
                     .padding(horizontal = 5.dp),
-                color = MaterialTheme.colorScheme.background
             )
         }
     }
@@ -353,8 +353,8 @@ private fun DefaultView(
 private fun Title(
     text: String,
     modifier: Modifier = Modifier,
-    color: Color = Color.Unspecified,
-    style: TextStyle = MaterialTheme.typography.labelSmall
+    color: Color = LocalColorScheme.current.attachmentsElementColors.tileTextColor,
+    style: TextStyle = LocalTypography.current.attachmentsElementTypography.tileTextStyle
 ) {
     Text(
         text = text,
@@ -369,20 +369,19 @@ private fun Title(
 
 @Composable
 private fun Size(
-    size: Long, modifier:
-    Modifier = Modifier
+    size: Long,
+    modifier: Modifier = Modifier,
+    color: Color = LocalColorScheme.current.attachmentsElementColors.tileTextColor,
+    textStyle: TextStyle = LocalTypography.current.attachmentsElementTypography.tileTextStyle
 ) {
     val context = LocalContext.current
     val fileSize = Formatter.formatFileSize(context, size)
     Text(
         text = fileSize,
-        style = MaterialTheme.typography.labelSmall.copy(
-            fontWeight = FontWeight.W300,
-            fontSize = 9.sp
-        ),
+        color = color,
+        style = textStyle,
         overflow = TextOverflow.Ellipsis,
-        modifier = modifier
-            .padding(horizontal = 1.dp)
+        modifier = modifier.padding(horizontal = 1.dp)
     )
 }
 
diff --git a/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/theme/DefaultThemeTokens.kt b/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/theme/DefaultThemeTokens.kt
index 58970ecda..5213743f3 100644
--- a/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/theme/DefaultThemeTokens.kt
+++ b/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/theme/DefaultThemeTokens.kt
@@ -106,6 +106,15 @@ internal object DefaultThemeTokens {
             unselectedColor = ColorTokens.OnSurfaceVariant,
             disabledSelectedColor = ColorTokens.OnSurface.copy(alpha = 0.38f),
             disabledUnselectedColor = ColorTokens.OnSurface.copy(alpha = 0.38f)
+        ),
+        attachmentsElementColors = AttachmentsElementColors(
+            labelColor = Color.Unspecified,
+            supportingTextColor = Color.Unspecified,
+            outlineColor = ColorTokens.Outline,
+            containerColor = ColorTokens.Surface,
+            tileTextColor = Color.Unspecified,
+            tileBorderColor = ColorTokens.Outline,
+            scrollBarColor = ColorTokens.OnSurface,
         )
     )
 
@@ -132,6 +141,11 @@ internal object DefaultThemeTokens {
             labelStyle = TypographyTokens.bodyMedium,
             optionStyle = TypographyTokens.bodyLarge,
             supportingTextStyle = TypographyTokens.bodySmall
+        ),
+        attachmentsElementTypography = AttachmentsElementTypography(
+            labelStyle = TypographyTokens.bodyMedium,
+            supportingTextStyle = TypographyTokens.bodySmall,
+            tileTextStyle = TypographyTokens.bodySmall
         )
     )
 }
diff --git a/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/theme/FeatureFormDefaults.kt b/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/theme/FeatureFormDefaults.kt
index e505f250b..4da89d866 100644
--- a/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/theme/FeatureFormDefaults.kt
+++ b/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/theme/FeatureFormDefaults.kt
@@ -36,6 +36,7 @@ public object FeatureFormDefaults {
      * @param readOnlyFieldColors The color scheme for the read-only field types.
      * @param radioButtonFieldColors The color scheme for the radio button field types.
      * @param groupElementColors The color scheme to use for any Group elements.
+     * @param attachmentsElementColors The color scheme to use for any Attachments elements.
      * @since 200.5.0
      */
     @Composable
@@ -43,13 +44,15 @@ public object FeatureFormDefaults {
         editableTextFieldColors: EditableTextFieldColors = editableTextFieldColors(),
         readOnlyFieldColors: ReadOnlyFieldColors = readOnlyFieldColors(),
         radioButtonFieldColors: RadioButtonFieldColors = radioButtonFieldColors(),
-        groupElementColors: GroupElementColors = groupElementColors()
+        groupElementColors: GroupElementColors = groupElementColors(),
+        attachmentsElementColors: AttachmentsElementColors = attachmentsElementColors()
     ): FeatureFormColorScheme {
         return FeatureFormColorScheme(
             editableTextFieldColors = editableTextFieldColors,
             readOnlyFieldColors = readOnlyFieldColors,
             radioButtonFieldColors = radioButtonFieldColors,
-            groupElementColors = groupElementColors
+            groupElementColors = groupElementColors,
+            attachmentsElementColors = attachmentsElementColors
         )
     }
 
@@ -164,10 +167,10 @@ public object FeatureFormDefaults {
     /**
      * Creates an instance of [ReadOnlyFieldColors] with default values from [MaterialTheme].
      *
-     * @param labelColor the color used for the label of this field
-     * @param textColor the color used for the text of this field
-     * @param supportingTextColor the color used for the supporting text of this field
-     * @param errorSupportingTextColor the color used for the supporting text of this field when in error state
+     * @param labelColor the color used for the label of this field.
+     * @param textColor the color used for the text of this field.
+     * @param supportingTextColor the color used for the supporting text of this field.
+     * @param errorSupportingTextColor the color used for the supporting text of this field when in error state.
      * @since 200.5.0
      */
     @Composable
@@ -175,7 +178,7 @@ public object FeatureFormDefaults {
         labelColor: Color = Color.Unspecified,
         textColor: Color = Color.Unspecified,
         supportingTextColor: Color = Color.Unspecified,
-        errorSupportingTextColor : Color = MaterialTheme.colorScheme.error
+        errorSupportingTextColor: Color = MaterialTheme.colorScheme.error
     ): ReadOnlyFieldColors {
         return ReadOnlyFieldColors(
             labelColor = labelColor,
@@ -188,9 +191,9 @@ public object FeatureFormDefaults {
     /**
      * Creates an instance of [GroupElementColors] with default values from [MaterialTheme].
      *
-     * @param labelColor the color used for the label of this field
-     * @param supportingTextColor the color used for the supporting text of this field
-     * @param outlineColor the color used for the outline of this field
+     * @param labelColor the color used for the label of this field.
+     * @param supportingTextColor the color used for the supporting text of this field.
+     * @param outlineColor the color used for the outline of this field.
      * @property containerColor the color used for the header container of this field. This contains
      * the label and supporting text of the field.
      * @property bodyColor the color used for the body of this field. The body
@@ -217,10 +220,10 @@ public object FeatureFormDefaults {
     /**
      * Creates an instance of [RadioButtonFieldColors] with default values from [MaterialTheme].
      *
-     * @param labelColor the color used for the label of this field
-     * @param textColor the color used for the text of RadioButton
-     * @param supportingTextColor the color used for the supporting text of this field
-     * @param outlineColor the color used for the outline of this field
+     * @param labelColor the color used for the label of this field.
+     * @param textColor the color used for the text of RadioButton.
+     * @param supportingTextColor the color used for the supporting text of this field.
+     * @param outlineColor the color used for the outline of this field.
      * @param selectedColor the color to use for the RadioButton when selected and enabled.
      * @param unselectedColor the color to use for the RadioButton when unselected and enabled.
      * @param disabledSelectedColor the color to use for the RadioButton when disabled and selected.
@@ -251,6 +254,38 @@ public object FeatureFormDefaults {
         )
     }
 
+    /**
+     * Creates an instance of [AttachmentsElementColors] with default values from [MaterialTheme].
+     *
+     * @param labelColor the color used for the label of this field.
+     * @param supportingTextColor the color used for the supporting text of this field.
+     * @param outlineColor the color used for the outline of this field.
+     * @param containerColor the color used for the container of this field.
+     * @param tileTextColor the color used for the text of the individual attachment tile.
+     * @param tileBorderColor the color used for the border of the individual attachment tile.
+     * @param scrollBarColor the color used for the scroll bar in the attachment list.
+     */
+    @Composable
+    public fun attachmentsElementColors(
+        labelColor: Color = Color.Unspecified,
+        supportingTextColor: Color = Color.Unspecified,
+        outlineColor: Color = MaterialTheme.colorScheme.outline.copy(alpha = 0.6f),
+        containerColor: Color = Color.Unspecified,
+        tileTextColor: Color = MaterialTheme.colorScheme.onSurface,
+        tileBorderColor: Color = MaterialTheme.colorScheme.outline,
+        scrollBarColor: Color = MaterialTheme.colorScheme.onSurface.copy(alpha = 0.5f)
+    ): AttachmentsElementColors {
+        return AttachmentsElementColors(
+            labelColor = labelColor,
+            supportingTextColor = supportingTextColor,
+            outlineColor = outlineColor,
+            containerColor = containerColor,
+            tileTextColor = tileTextColor,
+            tileBorderColor = tileBorderColor,
+            scrollBarColor = scrollBarColor
+        )
+    }
+
     /**
      * Creates a [FeatureFormTypography] with default values.
      *
@@ -258,6 +293,7 @@ public object FeatureFormDefaults {
      * @param readOnlyFieldTypography The typography for the read-only field types.
      * @param groupElementTypography The typography to use for any Group elements.
      * @param radioButtonFieldTypography The typography to use for the radio button field types.
+     * @param attachmentsElementTypography The typography to use for any Attachments elements.
      * @since 200.5.0
      */
     @Composable
@@ -265,22 +301,24 @@ public object FeatureFormDefaults {
         editableTextFieldTypography: EditableTextFieldTypography = editableTextFieldTypography(),
         readOnlyFieldTypography: ReadOnlyFieldTypography = readOnlyFieldTypography(),
         groupElementTypography: GroupElementTypography = groupElementTypography(),
-        radioButtonFieldTypography: RadioButtonFieldTypography = radioButtonFieldTypography()
+        radioButtonFieldTypography: RadioButtonFieldTypography = radioButtonFieldTypography(),
+        attachmentsElementTypography: AttachmentsElementTypography = attachmentsElementTypography()
     ): FeatureFormTypography {
         return FeatureFormTypography(
             editableTextFieldTypography = editableTextFieldTypography,
             readOnlyFieldTypography = readOnlyFieldTypography,
             groupElementTypography = groupElementTypography,
-            radioButtonFieldTypography = radioButtonFieldTypography
+            radioButtonFieldTypography = radioButtonFieldTypography,
+            attachmentsElementTypography = attachmentsElementTypography
         )
     }
 
     /**
      * Creates an instance of [EditableTextFieldTypography] with default values from [MaterialTheme].
      *
-     * @param labelStyle The style for the label of this field
-     * @param textStyle The style for the text of this field
-     * @param supportingTextStyle The style for the supporting text of this field
+     * @param labelStyle The style for the label of this field.
+     * @param textStyle The style for the text of this field.
+     * @param supportingTextStyle The style for the supporting text of this field.
      * @since 200.5.0
      */
     @Composable
@@ -293,16 +331,15 @@ public object FeatureFormDefaults {
             labelStyle = labelStyle,
             textStyle = textStyle,
             supportingTextStyle = supportingTextStyle
-
         )
     }
 
     /**
      * Creates an instance of [ReadOnlyFieldTypography] with default values from [MaterialTheme].
      *
-     * @param labelStyle The style for the label of this field
-     * @param textStyle The style for the text of this field
-     * @param supportingTextStyle The style for the supporting text of this field
+     * @param labelStyle The style for the label of this field.
+     * @param textStyle The style for the text of this field.
+     * @param supportingTextStyle The style for the supporting text of this field.
      * @since 200.5.0
      */
     @Composable
@@ -315,15 +352,14 @@ public object FeatureFormDefaults {
             labelStyle = labelStyle,
             textStyle = textStyle,
             supportingTextStyle = supportingTextStyle
-
         )
     }
 
     /**
      * Creates an instance of [GroupElementTypography] with default values from [MaterialTheme].
      *
-     * @param labelStyle The style for the label of this field
-     * @param supportingTextStyle The style for the supporting text of this field
+     * @param labelStyle The style for the label of this field.
+     * @param supportingTextStyle The style for the supporting text of this field.
      * @since 200.5.0
      */
     @Composable
@@ -340,9 +376,9 @@ public object FeatureFormDefaults {
     /**
      * Creates an instance of [RadioButtonFieldTypography] with default values from [MaterialTheme].
      *
-     * @param labelStyle The style for the label of this field
-     * @param optionStyle The style for the text of a RadioButton
-     * @param supportingTextStyle The style for the supporting text of this field
+     * @param labelStyle The style for the label of this field.
+     * @param optionStyle The style for the text of a RadioButton.
+     * @param supportingTextStyle The style for the supporting text of this field.
      * @since 200.5.0
      */
     @Composable
@@ -357,4 +393,25 @@ public object FeatureFormDefaults {
             supportingTextStyle = supportingTextStyle
         )
     }
+
+    /**
+     * Creates an instance of [AttachmentsElementTypography] with default values from [MaterialTheme].
+     *
+     * @param labelStyle The style for the label of this field.
+     * @param supportingTextStyle The style for the supporting text of this field.
+     * @param tileTextStyle The style for the text of the individual attachment tile.
+     * @since 200.5.0
+     */
+    @Composable
+    public fun attachmentsElementTypography(
+        labelStyle: TextStyle = MaterialTheme.typography.bodyLarge,
+        supportingTextStyle: TextStyle = MaterialTheme.typography.bodyMedium,
+        tileTextStyle: TextStyle = MaterialTheme.typography.labelSmall
+    ): AttachmentsElementTypography {
+        return AttachmentsElementTypography(
+            labelStyle = labelStyle,
+            supportingTextStyle = supportingTextStyle,
+            tileTextStyle = tileTextStyle
+        )
+    }
 }
diff --git a/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/theme/FeatureFormTheme.kt b/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/theme/FeatureFormTheme.kt
index e33a4ec95..de27602ef 100644
--- a/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/theme/FeatureFormTheme.kt
+++ b/toolkit/featureforms/src/main/java/com/arcgismaps/toolkit/featureforms/theme/FeatureFormTheme.kt
@@ -32,6 +32,7 @@ import com.arcgismaps.mapping.featureforms.ComboBoxFormInput
 import com.arcgismaps.mapping.featureforms.DateTimePickerFormInput
 import com.arcgismaps.mapping.featureforms.FieldFormElement
 import com.arcgismaps.mapping.featureforms.GroupFormElement
+import com.arcgismaps.mapping.featureforms.AttachmentsFormElement
 import com.arcgismaps.mapping.featureforms.RadioButtonsFormInput
 import com.arcgismaps.mapping.featureforms.SwitchFormInput
 import com.arcgismaps.mapping.featureforms.TextAreaFormInput
@@ -121,6 +122,7 @@ internal fun FeatureFormTheme(
  * @property readOnlyFieldColors The color scheme for the read-only field types.
  * @property radioButtonFieldColors The color scheme for the radio button field types.
  * @property groupElementColors The color scheme to use for any Group elements.
+ * @property attachmentsElementColors The color scheme to use for any Attachments elements.
  * @since 200.5.0
  */
 @Immutable
@@ -128,7 +130,8 @@ public data class FeatureFormColorScheme internal constructor(
     public val editableTextFieldColors: EditableTextFieldColors,
     public val readOnlyFieldColors: ReadOnlyFieldColors,
     public val radioButtonFieldColors: RadioButtonFieldColors,
-    public val groupElementColors: GroupElementColors
+    public val groupElementColors: GroupElementColors,
+    public val attachmentsElementColors: AttachmentsElementColors
 )
 
 /**
@@ -229,7 +232,7 @@ public data class ReadOnlyFieldColors internal constructor(
     public val labelColor: Color,
     public val textColor: Color,
     public val supportingTextColor: Color,
-    public val errorSupportingTextColor : Color
+    public val errorSupportingTextColor: Color
 )
 
 /**
@@ -283,6 +286,31 @@ public data class RadioButtonFieldColors internal constructor(
     public val disabledUnselectedColor: Color
 )
 
+/**
+ * Colors used for a [AttachmentsFormElement]. Attachments in the element are rendered as a list
+ * of tiles.
+ *
+ * Use [FeatureFormDefaults.attachmentsElementColors] to create a new instance with the default values.
+ *
+ * @property labelColor the color used for the label of this field.
+ * @property supportingTextColor the color used for the supporting text of this field.
+ * @property outlineColor the color used for the outline of this field.
+ * @property containerColor the color used for the container of this field.
+ * @property tileTextColor the color used for the text of an individual attachment tile.
+ * @property tileBorderColor the color used for the border of an individual attachment tile.
+ * @property scrollBarColor the color used for the scroll bar of the attachment list.
+ * @since 200.5.0
+ */
+public data class AttachmentsElementColors internal constructor(
+    public val labelColor: Color,
+    public val supportingTextColor: Color,
+    public val outlineColor: Color,
+    public val containerColor: Color,
+    public val tileTextColor: Color,
+    public val tileBorderColor: Color,
+    public val scrollBarColor: Color,
+)
+
 /**
  * A Typography system for the [FeatureForm] built on top of [MaterialTheme]. This can be used to
  * style the text and labels of the form elements.
@@ -296,6 +324,7 @@ public data class RadioButtonFieldColors internal constructor(
  * @property readOnlyFieldTypography The typography for the read-only field types.
  * @property groupElementTypography The typography to use for any Group elements.
  * @property radioButtonFieldTypography The typography to use for the radio button field types.
+ * @property attachmentsElementTypography The typography to use for any Attachments elements.
  * @since 200.5.0
  */
 @Immutable
@@ -303,7 +332,8 @@ public class FeatureFormTypography internal constructor(
     public val editableTextFieldTypography: EditableTextFieldTypography,
     public val readOnlyFieldTypography: ReadOnlyFieldTypography,
     public val groupElementTypography: GroupElementTypography,
-    public val radioButtonFieldTypography: RadioButtonFieldTypography
+    public val radioButtonFieldTypography: RadioButtonFieldTypography,
+    public val attachmentsElementTypography: AttachmentsElementTypography
 )
 
 /**
@@ -373,3 +403,20 @@ public data class RadioButtonFieldTypography internal constructor(
     public val optionStyle: TextStyle,
     public val supportingTextStyle: TextStyle
 )
+
+/**
+ * Typography used for a [AttachmentsFormElement]. Attachments in the element are rendered as a list
+ * of tiles.
+ *
+ * Use [FeatureFormDefaults.attachmentsElementTypography] to create a new instance with the default values.
+ *
+ * @property labelStyle The style for the label of this field.
+ * @property supportingTextStyle The style for the supporting text of this field.
+ * @property tileTextStyle The style for the text of an individual attachment tile.
+ * @since 200.5.0
+ */
+public data class AttachmentsElementTypography internal constructor(
+    public val labelStyle: TextStyle,
+    public val supportingTextStyle: TextStyle,
+    public val tileTextStyle: TextStyle,
+)