Soft Cobalt color palette — #FCF2F9 · #7DDFF1 · #0088C6 · #006A49 · #303E64

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

The five colors

• Ivory (#FCF2F9): a clean, paper-quiet neutral.
• Ice Blue (#7DDFF1): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#0088C6): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006A49): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#303E64): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Soft 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

• Tempered Cerulean color palette (#F9F3F9, #BAE5F0, #3A97B3, #486D49, #334A61)
• Cobalt Ridge color palette (#FFF0F9, #3DCBE8, #0074B2, #005840, #212C66)
• Aged Hollow color palette (#F1F3E7, #A1DBE7, #0091B0, #006264, #002939)
• Bronze Corridor color palette (#C7F4FF, #008FA6, #B25300, #765400, #003741)
• Onyx Corridor color palette (#F6E7F3, #31A0AC, #005070, #00321C, #000B40)
• Ancient Mallow Bloom color palette (#E9F8FF, #D5D9F1, #D2A4E8, #47895F, #28455B)
• Scarlet Chapel color palette (#EAF8FF, #00A4C3, #DD3B20, #00677B, #61251A)
• Chalky Teal color palette (#93F8C7, #00BCB1, #008391, #00557E, #373265)

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