Softworn Coast color palette — #F4D4E3 · #AA7C38 · #793900 · #460103 · #000201

Bronze takes the lead with Caramel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F4D4E3): A whisper-light, dusty rose — the color of a warm blush.
• Caramel (#AA7C38): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#793900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#460103): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#000201): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Softworn Coast into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Amber Delta color palette (#FFD9E9, #C0912E, #8D4D00, #5F0F00, #000502)
• Hushed Bloom color palette (#D2EED7, #8E8A2F, #634900, #361900, #010100)
• Shadow Chestnut Orchard color palette (#FBE1CE, #7D5A15, #582600, #350009, #020200)
• Ancient Cocoa color palette (#FFF1F6, #E1B448, #B46900, #882700, #1B1900)
• Olive Lagoon color palette (#E4FCF0, #A2BD88, #7D7B00, #5C4100, #001716)
• Tempered Cocoa color palette (#C5ECF9, #006D72, #7D3500, #0C3100, #000202)
• Gentle Boulevard color palette (#DCFFE9, #C9DA8A, #AA9000, #83540B, #162F10)
• Ember Workshop color palette (#CDE2F6, #E1612E, #002D4D, #0A0B14, #000104)

Browse the whole catalog at Explore, or see today's palette.