Gentle Cobalt color palette — #EDF9EF · #A8D2EF · #367BCB · #004F5D · #030037

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

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Powder Blue (#A8D2EF): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#367BCB): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#004F5D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#030037): A deep, shadowed, balanced violet — the color of wild irises.

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

• Weathered Cerulean color palette (#EEF8F0, #9CD8E0, #0087A7, #005249, #000E19)
• Dusty Summit color palette (#C6E7ED, #00A8D2, #006A9A, #003862, #00063C)
• Weathered Mallow color palette (#EEF6FF, #CCD8FF, #C3A5EC, #006B86, #040E2B)
• Soft Iris color palette (#F4E8ED, #98C6E6, #648AF8, #007D7A, #26084E)
• Hushed Azure Atelier color palette (#E0F0FF, #019AEA, #AC6800, #005280, #0F0500)
• Plum Workshop color palette (#CBE4FF, #007DD6, #B73154, #3D6100, #000205)
• Airy Ultramarine color palette (#F6E9DD, #70A3C4, #2044CB, #003A37, #0F0028)
• Patina Cerulean color palette (#EFF8F1, #A9F6F6, #0EA4B9, #006C55, #00222E)

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