Gentle Cobalt color palette — #FFF2EB · #7DC4D5 · #0074B2 · #005840 · #1F2A6E

A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sky (#7DC4D5): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#0074B2): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#005840): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1F2A6E): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Softworn Cobalt color palette (#FFF2EC, #AECEB8, #357FAE, #006344, #2B385F)
• Linen Balcony color palette (#FFF3E7, #77C0F6, #4F64C4, #005656, #3B235E)
• Dusty Petrol Pier color palette (#E7F7EA, #87C7D8, #007CA6, #00524F, #001B32)
• Hushed Denim color palette (#F5E8E0, #6CA9BD, #00599A, #003F32, #17154C)
• Cerulean Delta color palette (#FCF3ED, #C7E4D7, #6A8BBF, #147167, #5E3B4F)
• Muted Bloom color palette (#FFF0FA, #92E9FF, #4DB3FF, #009B76, #232B68)
• Softworn Grove color palette (#EDE1D7, #5387A6, #10308D, #002220, #0D0025)
• Feathered Raspberry Boulevard color palette (#EEDFE5, #C60087, #007655, #00585A, #45022D)

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