Worn Coast color palette — #FCF4E7 · #D3DDF2 · #43BFE1 · #008978 · #003A53

Cyan and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Powder Blue (#D3DDF2): A whisper-light, dusty violet — the color of wild irises.
• Cyan (#43BFE1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#008978): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003A53): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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

• Softworn Periwinkle color palette (#FAF4EC, #BFE4F5, #65AEE3, #007E85, #3D243D)
• Petrol Harbor color palette (#F4EDE2, #6CC8CD, #007487, #003F33, #000306)
• Quiet Field color palette (#FFF2ED, #CCEFD5, #54C2FF, #00AB71, #263D72)
• Cerulean Loft color palette (#ECF9EF, #9FDAE1, #008DAC, #00685B, #004563)
• Timeworn Azure color palette (#FAF4EB, #BAECE7, #259ECF, #006A67, #002039)
• Worn Station color palette (#DFFFEA, #DFDBE7, #CBB8B3, #33BABA, #07405A)
• Dusty Quarry color palette (#F9F4ED, #C3DEE9, #B0C1EB, #639E9F, #58465A)
• Hushed Hollow color palette (#FDF4E6, #9AD4FA, #427CBF, #004F5C, #020136)

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