Softworn Cobalt color palette — #ECF8F7 · #9FCBEA · #217DC2 · #005C75 · #233C59

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

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Sky (#9FCBEA): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#217DC2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005C75): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#233C59): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Lagoon Courtyard color palette (#ECF8F5, #9CCEDD, #008892, #006156, #174050)
• Weathered Cobalt color palette (#FCEDF3, #98CFF2, #577CB6, #005B5F, #171F37)
• Soft Azure Ridge color palette (#D9ECF3, #00A8D6, #007AA5, #00527A, #0F3A5D)
• Lilac Dune color palette (#EEF6FF, #DED6F4, #A5A1ED, #356F9A, #2E4059)
• Ancient Byzantium Harbor color palette (#D3E7FF, #417AC6, #9940A6, #006965, #192C43)
• Washed Dune color palette (#FCF3EC, #A6DCFE, #6E97D2, #1A7A7E, #4E2E44)
• Antique Navy color palette (#D5E1E1, #5D85A5, #003D72, #00202E, #000720)
• Misty Station color palette (#E0F1FF, #3B97C9, #408D22, #005E86, #203E16)

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