Softworn Cobalt color palette — #F9EEF6 · #A8CEE1 · #4481B3 · #005E47 · #171C40

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Blush (#F9EEF6): bright and airy, almost weightless.
• Powder Blue (#A8CEE1): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4481B3): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005E47): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#171C40): A deep, shadowed, dusty violet — the color of wild irises.

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

• Cobalt Bloom color palette (#F0F7F1, #A2CCE0, #0083AE, #00605C, #203D56)
• Cerulean Boulevard color palette (#F7EFF2, #C9E0F2, #758CC2, #006D68, #252947)
• Hushed Petrol color palette (#F0E6EA, #91B8DB, #5765AB, #004B4D, #1D0833)
• Chalky Lagoon color palette (#D6EBE1, #14AFA9, #007A88, #00435D, #002049)
• Weathered Drift color palette (#E2F6FF, #D8D3F4, #C49DC8, #0B795D, #092337)
• Hazy Study color palette (#D7EDF8, #19A2B8, #C25819, #00606E, #331000)
• Weathered Navy Summit color palette (#EFE4EB, #468294, #003D6B, #002018, #01000B)
• Petrol Orchard color palette (#D7F3FF, #6CACD3, #006FA0, #003B56, #000F18)

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