Softworn Coast color palette — #FFF1F7 · #9E5100 · #005534 · #170073 · #040000

Deep Indigo and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Ochre (#9E5100): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#005534): A deep, shadowed, balanced teal — the color of glacier melt.
• Deep Indigo (#170073): A deep, shadowed, vivid violet — the color of a velvet chair.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

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

• Airy Alley color palette (#FFECF8, #D24100, #005D3C, #23006B, #040005)
• Aubergine Meadow color palette (#E6FBF0, #726A00, #004E4A, #31005C, #030100)
• Washed Plum color palette (#FEF0FF, #B80046, #005031, #000D72, #040001)
• Aged Drift color palette (#D9F8DB, #D8620B, #5C5700, #25007D, #080300)
• Velvet Meadow color palette (#F2DCBF, #6A4800, #303A00, #001731, #030100)
• Washed Plum Harbor color palette (#F7F2FF, #AD2D8D, #414C00, #002330, #040002)
• Chestnut Lagoon color palette (#E4F0E6, #7B5900, #2B2C23, #101500, #020100)
• Patina Aubergine color palette (#E6FCEB, #AA8100, #00777C, #610099, #0C0500)

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