Gentle Cobalt color palette — #FFF2E9 · #93D9FA · #0081E0 · #006764 · #333D64
A conversation between Azure and Powder Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Powder Blue (#93D9FA): A whisper-light, balanced blue — the color of deep harbor water.
- Azure (#0081E0): A full-bodied, vivid blue — the color of deep harbor water.
- Pine (#006764): A full-bodied, dusty teal — the color of sea glass.
- Navy (#333D64): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Softworn Cerulean Coast color palette (#FFF2EC, #90DEE2, #008DAE, #006A4A, #084369)
- Sapphire Lagoon color palette (#FFF3E8, #80C1E5, #006AD6, #005558, #292A64)
- Hushed Villa color palette (#E6F6F4, #92DBFF, #008CCA, #005F71, #002744)
- Weathered Ash Summit color palette (#F9F4EF, #C9E7EB, #8698C5, #377A84, #624B57)
- Hushed Denim color palette (#F0DFD5, #459BBA, #004D7E, #00302D, #040A3F)
- Quiet Pier color palette (#ECF9EF, #C3EBFF, #6CBEFF, #00A4B0, #1B3E75)
- Aged Lagoon color palette (#F4E8E2, #3D8F90, #004453, #002414, #000A15)
- Peony Orchard color palette (#FFE1F3, #D95DB0, #007443, #006B83, #48203A)
Browse the whole catalog at Explore, or see today's palette.