Gentle Cobalt color palette — #F9F1E4 · #A9DCCF · #5C80CD · #005E77 · #1D1A55

A conversation between Azure and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Cream (#F9F1E4): bright and airy, almost weightless.
• Oat (#A9DCCF): A whisper-light, dusty teal — the color of shallow lagoons.
• Azure (#5C80CD): A luminous, balanced violet — the color of wild irises.
• Peacock (#005E77): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#1D1A55): 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

• Cerulean Thicket color palette (#F5F1EA, #C4E5D7, #5F92C2, #006B77, #3B2139)
• Aged Parlor color palette (#F7F1E8, #B4CFBC, #2687A9, #005C55, #002339)
• Aged Balcony color palette (#F1F7F0, #B2D2F2, #6671E0, #00666A, #4B3168)
• Navy Studio color palette (#E7DFD3, #5790BD, #00429D, #002A35, #02001C)
• Periwinkle Pier color palette (#F0F7F1, #BFDFFF, #6B98F7, #007E9E, #363870)
• Muted Lagoon color palette (#F4EDE1, #478292, #00415A, #001F1E, #000104)
• Hushed Crimson color palette (#FFDBD9, #E13D4E, #318B17, #285DB5, #340107)
• Mulberry Archive color palette (#FFEDE9, #EB667B, #00959B, #AA003C, #002628)

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