Softworn Coast color palette — #F0F3EA · #AFD0C4 · #3980C1 · #005772 · #061F42

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#F0F3EA): bright and airy, almost weightless.
• Oat (#AFD0C4): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#3980C1): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005772): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#061F42): 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

• Cerulean Cabin color palette (#F2F3E8, #B3D1B5, #0B8C98, #005C53, #00252D)
• Cobalt Terrace color palette (#FCF2F6, #A1CBE9, #4A76C5, #005F65, #2F3958)
• Tempered Abyss Canyon color palette (#E6E8DC, #5296A3, #005265, #002B2D, #000509)
• Tempered Azure color palette (#ECF8F7, #B8D9F5, #499AE7, #00779A, #243B5C)
• Feathered Chestnut Orchard color palette (#E6E1C7, #76842B, #008074, #8E4300, #181400)
• Hushed Olive color palette (#F3F5D7, #BAE3C0, #82BEA6, #657D2E, #24270A)
• Dusty Rust color palette (#EDEAD3, #889A55, #BC5955, #4C5D00, #3A0507)
• Olive Archive color palette (#E1E0CE, #A0A142, #606F00, #354500, #162800)

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