Softworn Cobalt color palette — #FBF2F7 · #AACADE · #357DB9 · #00605B · #2C385E

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Sky (#AACADE): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#357DB9): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00605B): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#2C385E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Wandering Cobalt color palette (#F1F3E9, #ACD1BF, #0086B8, #005966, #00271E)
• Cobalt Grove color palette (#FCF2F5, #CCDFF1, #7288C3, #006F7D, #3E4568)
• Hushed Abyss color palette (#F5EBF2, #80BEBC, #007588, #00532F, #00324A)
• Wandering Navy color palette (#F7E8F0, #5388A2, #003C74, #002222, #05002C)
• Aged Powder Atelier color palette (#FEF3EB, #B4E9FF, #83B7E7, #439C96, #4B3046)
• Hazy Denim Summit color palette (#F7EBF1, #75A5C4, #1954A7, #003D40, #19124F)
• Softworn Olive Boulevard color palette (#E3FBFB, #B6DEED, #81B8EE, #437E30, #1D4A57)
• Worn Grove color palette (#E7F5D5, #75AE6C, #007A56, #005547, #073A4F)

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