Gentle Cobalt color palette — #E0F3F2 · #8AB8D5 · #007AC0 · #00566C · #001F41

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

The five colors

• Cream (#E0F3F2): A whisper-light, dusty teal — the color of sea glass.
• Sky (#8AB8D5): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#007AC0): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00566C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001F41): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Timeworn Corridor color palette (#DEECE9, #65C2CC, #008397, #005957, #00242E)
• Timeworn Dune color palette (#DDE9F8, #A8C0FF, #9C8EFF, #006DA4, #152842)
• Cobalt Canyon color palette (#FEF1F7, #98D4F9, #5177C9, #00524D, #10002D)
• Azure Station color palette (#E5DED3, #9AC7E3, #4696E5, #007B8B, #0C1B47)
• Hushed Delta color palette (#EEDBE3, #69A7CC, #1754A6, #003D40, #191942)
• Weathered Veranda color palette (#E5FAF7, #83DAE9, #009CBA, #007273, #00394A)
• Periwinkle Canyon color palette (#EFF7F7, #D7DBF8, #78A7E6, #3583AB, #374863)
• Washed Olive color palette (#E0F2FF, #0092C5, #408900, #005A7C, #0A2100)

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