Gentle Cobalt color palette — #F6ECE7 · #97CFDE · #378CCE · #006F54 · #212858
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F6ECE7): a clean, paper-quiet neutral.
- Sky (#97CFDE): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#378CCE): A luminous, balanced blue — the color of open sky before noon.
- Pine (#006F54): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#212858): 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
- Cypress Summit color palette (#FCF3EE, #B6DFCC, #7197CC, #007D6E, #37355C)
- Azure Orchard color palette (#FEF0FA, #B8F0FF, #2D99E3, #006D51, #141A3F)
- Powdered Boulevard color palette (#EAE0D9, #8BB7D8, #536EC5, #005958, #251243)
- Weathered Petrol Field color palette (#E6F2E8, #79BDCF, #007299, #00504D, #0E304B)
- Feathered Sky color palette (#F7EDDE, #8EE2F7, #2AB2E9, #00918D, #053050)
- Petrol Field color palette (#EADBD7, #66B0B5, #007094, #004D27, #001233)
- Blush Hollow color palette (#FFDFDA, #E46D98, #009084, #007C41, #3C071E)
- Softworn Lagoon color palette (#FAF4F0, #CBE9E7, #93B4DB, #379985, #624A59)
Browse the whole catalog at Explore, or see today's palette.