Gentle Cobalt color palette — #FDF3EC · #93DAF6 · #0084D5 · #006761 · #2C3C6E

Azure and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Ice Blue (#93DAF6): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Azure (#0084D5): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006761): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2C3C6E): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Linen Cerulean Orchard color palette (#FFF2EC, #87E0E1, #008EAA, #006A44, #144461)
• Soft Cobalt color palette (#FFF3E9, #72C3EA, #006EC8, #005655, #242B66)
• Cobalt Market color palette (#E4F6F4, #88DDFF, #008EC3, #00606E, #002841)
• Timeworn Turquoise Cabin color palette (#D9EFEC, #00B3BF, #0084A2, #00598A, #3D346F)
• Tempered Periwinkle Station color palette (#F9F4EF, #C9E8EB, #7E99CB, #3F797F, #614B58)
• Hazy Coast color palette (#EDF9EF, #C0ECFF, #63C0FE, #00A4AB, #144073)
• Wandering Denim color palette (#F3E4DB, #579AAF, #004E78, #00302B, #000D3D)
• Quiet Mallow Lantern color palette (#DBFFEE, #D0E2FF, #D59EFF, #00827B, #295347)

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