Cobalt Studio color palette — #D9FFF2 · #9BBFE8 · #5F7FBA · #4A578E · #3E3D72
Built around Slate Blue, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D9FFF2): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#9BBFE8): A luminous, dusty blue — the color of deep harbor water.
- Slate Blue (#5F7FBA): A full-bodied, balanced violet — the color of wild irises.
- Peacock (#4A578E): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#3E3D72): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Weathered Denim color palette (#FFF0FA, #B8B7E8, #8876B8, #6B4E8C, #5B3768)
- Muted Periwinkle Courtyard color palette (#DFFCFF, #9EDCFF, #839FD8, #6C6C9A, #563563)
- Cerulean Veranda color palette (#E2FFE1, #82C4CD, #0090A8, #006480, #084C6D)
- Cerulean Atelier color palette (#F0F7F4, #D2DCDD, #B9AEA5, #5D88A0, #4D5451)
- Hushed Atelier color palette (#FDF1FA, #7F95D4, #8C5A97, #784049, #294B3B)
- Muted Cobalt Bloom color palette (#F9EEF8, #557DBE, #4A3544, #30242F, #131A1B)
- Linen Grape Corridor color palette (#DCE2F9, #7E78E4, #6831C0, #4B007B, #3B004D)
- Deep Corridor color palette (#CDE1F7, #2552B3, #190085, #110039, #040011)
Browse the whole catalog at Explore, or see today's palette.