Gentle Cobalt color palette — #F5EBF2 · #A0CCE0 · #388EC7 · #006F50 · #1D295A
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Blush (#F5EBF2): a clean, paper-quiet neutral.
- Sky (#A0CCE0): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#388EC7): A luminous, balanced blue — the color of deep harbor water.
- Pine (#006F50): A full-bodied, balanced teal — the color of sea glass.
- Navy (#1D295A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Worn Cypress color palette (#FCF2F8, #BCD9EB, #6C98CE, #007E6C, #353560)
- Azure Archive color palette (#FDF3EE, #AFF3FF, #399BD5, #006D4A, #0D1A44)
- Weathered Cobalt color palette (#F0E6EA, #87B9D5, #4C72BF, #005A54, #221049)
- Hushed Abyss color palette (#E6DCE7, #62B1B3, #007191, #004E21, #00132F)
- Lagoon Parlor color palette (#FAF3F7, #D7D5E6, #94B5D5, #4E967F, #445270)
- Denim Villa color palette (#E9DCE3, #659AB5, #2555A0, #003C36, #0A0027)
- Powdered Parlor color palette (#C6E5E5, #55C289, #AE469F, #007749, #490042)
- Hushed Boulevard color palette (#CDFEFC, #86E0E7, #9BB4F1, #8D8100, #003F37)
Browse the whole catalog at Explore, or see today's palette.