Softworn Coast color palette — #F4E9E4 · #6CADB3 · #0080A2 · #006046 · #000A17

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F4E9E4): bright and airy, almost weightless.
• Blue Fog (#6CADB3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0080A2): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006046): A full-bodied, balanced teal — the color of sea glass.
• Ink (#000A17): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Feathered Cobalt Villa color palette (#F5E9E1, #71A9C6, #2D75C6, #005D5E, #05002C)
• Worn Denim color palette (#D6E6E3, #639EA3, #006471, #003C38, #000B10)
• Lagoon Meadow color palette (#EFDEEB, #008991, #004255, #002015, #000104)
• Powdered Meadow color palette (#F3EBE3, #9DCBBE, #6589FB, #007B8A, #210F4C)
• Feathered Sapphire Garden color palette (#EEE2CB, #997A00, #166ADF, #675100, #000517)
• Misty Periwinkle color palette (#F9ECE3, #B7DECA, #5DABEE, #00918A, #1A295D)
• Tempered Bronze Alley color palette (#FBECD3, #9CB57F, #3BAF86, #A35400, #0F0E00)
• Feathered Corridor color palette (#F0EFDF, #7C7100, #0064C3, #5F14D8, #020200)

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