Gentle Cobalt color palette — #FFEBF7 · #86C5E2 · #0074C8 · #005250 · #0C0A50
A conversation between Royal Blue and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFEBF7): A whisper-light, dusty pink — the color of a candy shop window.
- Sky (#86C5E2): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#0074C8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005250): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#0C0A50): 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
- Muted Petrol color palette (#FAEDF6, #7FCACD, #007E9B, #005439, #001C30)
- Gentle Pier color palette (#E5FAF8, #5EC6F0, #0077A7, #005462, #003658)
- Muted Field color palette (#F5E6ED, #6CA4C3, #1D579E, #00393A, #07002F)
- Worn Cornflower Corridor color palette (#FFF2EA, #91D6F4, #0090F2, #00726F, #212C66)
- Hushed Cypress Studio color palette (#F7EFF3, #D9D0E4, #869EBF, #007A82, #2E354B)
- Abyss Grove color palette (#F5E7F0, #559797, #005264, #002D1B, #00050B)
- Hushed Navy Corridor color palette (#FDEAF0, #5F7B99, #233081, #001E24, #020008)
- Sapphire Grove color palette (#F2EFFF, #F4AAEE, #FF6E85, #0063D8, #270B3A)
Browse the whole catalog at Explore, or see today's palette.