Softworn Cobalt color palette — #D3E8E7 · #3A91CD · #004A86 · #002939 · #000313

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

The five colors

• Frost (#D3E8E7): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#3A91CD): A luminous, balanced blue — the color of open sky before noon.
• Navy (#004A86): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#002939): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000313): A deep, shadowed, dusty violet — the color of wild irises.

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

• Wandering Courtyard color palette (#D2E2DF, #119CA2, #00535D, #002C28, #000508)
• Navy Atelier color palette (#F5EBDC, #6995B5, #004793, #002E38, #070543)
• Muted Cobalt Cabin color palette (#E8F5F5, #A3CCF4, #577DB1, #005678, #101F3F)
• Weathered Ultramarine Pier color palette (#FDE8EF, #6AC0F9, #185DD6, #003D42, #020012)
• Aqua Bloom color palette (#DAFAF3, #00D6D2, #008187, #005347, #001F23)
• Muted Ultramarine Alley color palette (#EED9E1, #6AA9D4, #405DBD, #004A48, #1A013A)
• Patina Bloom color palette (#E6EDDE, #476700, #005168, #1F3000, #000305)
• Wandering Turquoise Lagoon color palette (#EAF4F2, #CBDEF4, #66A8B5, #44737E, #253944)

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