Soft Cobalt color palette — #FDF3EE · #B0DAC1 · #0088C8 · #00685C · #233E70

Cerulean takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Pistachio (#B0DAC1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#0088C8): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00685C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#233E70): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, 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

• Cerulean Dune color palette (#E8F5F3, #A2DAEB, #0090B9, #006169, #00293C)
• Navy Harbor color palette (#FEF3EB, #76C4E0, #0073B6, #005650, #11267C)
• Pale Studio color palette (#F5F6ED, #9BE9FF, #00ABDA, #00818B, #004563)
• Muted Denim color palette (#F2E1D9, #5D9AA8, #005071, #003128, #001231)
• Aged Mallow color palette (#DBFFED, #CEE2FF, #D1ADFB, #007E76, #224E6B)
• Ancient Studio color palette (#FAF4EF, #CDE4E5, #7D9BC4, #197D81, #64495B)
• Hushed Navy color palette (#ECE2D8, #6084A5, #1F3382, #002127, #0B0027)
• Crimson Orchard color palette (#DAEEFF, #0087CD, #CF203E, #875300, #003452)

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