Softworn Cobalt color palette — #ECF8F7 · #AAC9E5 · #467CB2 · #005B78 · #223A60

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

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Sky (#AAC9E5): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#467CB2): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005B78): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#223A60): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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 Pier color palette (#F8EFF2, #ACCCE7, #5F7BB0, #005A62, #1E1844)
• Ancient Petrol color palette (#EFF6FF, #E1D5F3, #ADA7DE, #396B94, #37445B)
• Worn Petrol color palette (#E0F3F0, #8CB9CB, #00748A, #005050, #003343)
• Dusty Cypress Corridor color palette (#EEF8F6, #C2E3EE, #5096A3, #09716C, #2C4C5D)
• Chalky Azure color palette (#D3EFFB, #2FA4D7, #0071A5, #004D82, #332F5D)
• Aged Cobalt Terrace color palette (#D3E7FF, #3079D3, #904D9C, #006964, #152C49)
• Navy Quarry color palette (#CFE4E4, #5E84A9, #003A7B, #002030, #00012E)
• Airy Denim color palette (#F0F5FF, #7BA2E9, #375DA8, #052F70, #031C4F)

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