Softworn Cobalt color palette — #FAEEF2 · #A1CDF3 · #5C78C3 · #005A65 · #181D3C

A conversation between Azure and Peacock, giving this palette its sense of trust and stability.

The five colors

• Blush (#FAEEF2): bright and airy, almost weightless.
• Sky (#A1CDF3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#5C78C3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005A65): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#181D3C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Washed Cerulean color palette (#F9EEF6, #95D4DB, #0088AE, #155C47, #0A2237)
• Quiet Cobalt Delta color palette (#FFECF4, #4DCAFE, #0073CB, #005250, #0E0C4D)
• Cobalt Loft color palette (#FAF4ED, #A2D0C3, #6472B8, #005F61, #522D3D)
• Mallow Harbor color palette (#E9F3FF, #E3D1ED, #D395CB, #1D7686, #1A263A)
• Worn Archive color palette (#F3F7EE, #DAD5DF, #77A8EC, #26779E, #3E233B)
• Wandering Cerulean color palette (#ECDFE7, #0099B9, #004E77, #002C27, #00021A)
• Azure Boulevard color palette (#E1F4F7, #00A1D2, #006FA9, #284280, #211D45)
• Hazy Azure color palette (#D8ECFF, #0696F3, #A17200, #005893, #271900)

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