Softworn Cobalt color palette — #FBF2F9 · #ACCADA · #427FA7 · #006156 · #243962

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Sky (#ACCADA): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#427FA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006156): A full-bodied, dusty teal — the color of sea glass.
• Navy (#243962): 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

• Patina Cerulean Balcony color palette (#F1F3EB, #9AD2E2, #0088AE, #005A61, #00281C)
• Muted Cypress color palette (#FBF2F6, #C5E0F7, #708AB9, #007078, #3B4667)
• Sapphire Veranda color palette (#F9EAEF, #93B5D5, #4161BB, #004E58, #2D215C)
• Petrol Lantern color palette (#F2F5FF, #EFD4FF, #D991A0, #3176A9, #3C3C5A)
• Wandering Alley color palette (#EBDEE6, #4A8AA1, #003F68, #002320, #01002F)
• Indigo Canyon color palette (#DCE3FF, #786AC4, #796E00, #27652F, #2B2548)
• Timeworn Dune color palette (#FFF2EB, #ABECFE, #6EBBED, #479D8E, #493148)
• Washed Nightshade color palette (#DBF1FF, #6897DD, #5361C2, #502EA7, #502F62)

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