Softworn Cobalt Coast color palette — #F8F1E5 · #A5CCEF · #557CBC · #00586C · #2F1729

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Sky (#A5CCEF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#557CBC): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00586C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#2F1729): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Softworn Cobalt 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

• Tempered Cerulean Harbor color palette (#F7F1E7, #8AD5E5, #3A86A5, #005C57, #00271F)
• Worn Workshop color palette (#FEF1F5, #ABC9E4, #5C76B5, #005E69, #303859)
• Feathered Cobalt Terrace color palette (#FCF0DE, #54CAFB, #0077BA, #005157, #001740)
• Wandering Cerulean color palette (#E7DED1, #009AB7, #00506F, #002C2B, #00040D)
• Periwinkle Market color palette (#FCF3EA, #D9D5E0, #90A2E3, #1E7E7E, #422331)
• Linen Crimson Lantern color palette (#F8DCD3, #DA2D50, #3D8100, #285B9D, #250A04)
• Hushed Mulberry Garden color palette (#FFE1DA, #DA657E, #008E8C, #942443, #002221)
• Taupe Lantern color palette (#FFEDE8, #F0D3B4, #CBA56E, #926076, #392419)

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