Cobalt Studio color palette — #E7FAF9 · #B1D2F2 · #3B80D4 · #006186 · #1E3B7B
Azure and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E7FAF9): a clean, paper-quiet neutral.
- Powder Blue (#B1D2F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Azure (#3B80D4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006186): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#1E3B7B): 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 Cobalt Studio 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
- Cerulean Terrace color palette (#E8F9F7, #9ADAEA, #008DAF, #00666B, #004660)
- Cornflower Study color palette (#FCEEF2, #A8D5FD, #4E75FC, #00606C, #261A4C)
- Gentle Azure Thicket color palette (#F3F7EB, #CFE7FF, #85B9FF, #139CD5, #2B3E68)
- Wandering Dune color palette (#FBF4EB, #BCDFFF, #7195FC, #008090, #3F3866)
- Washed Villa color palette (#E2F1F1, #6E94B1, #004B85, #002D3E, #001133)
- Muted Cypress Field color palette (#EFF7F5, #D0DFF2, #73A1B5, #217E79, #365769)
- Gentle Indigo color palette (#FCF1FF, #E16389, #4A70F8, #A90051, #1E327D)
- Muted Petrol color palette (#E5F2EF, #8CBAC8, #007681, #005049, #00343E)
Browse the whole catalog at Explore, or see today's palette.