Cobalt Studio color palette — #EFF6FF · #E2D5F3 · #B6A5FF · #0087D5 · #1D2D68
Built around Azure, softened by Lavender — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Thistle (#E2D5F3): A whisper-light, dusty violet — the color of wild irises.
- Lavender (#B6A5FF): A luminous, balanced violet — the color of wild irises.
- Azure (#0087D5): A luminous, balanced blue — the color of deep harbor water.
- Navy (#1D2D68): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Balance. Tagged pastel, 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
- Airy Sapphire Corridor color palette (#F1F5FF, #D7D4FF, #D6ABFF, #276EF7, #35336E)
- Washed Canyon color palette (#E9F8FF, #AFDDFF, #91BFFF, #008BA1, #003B55)
- Washed Cobalt Workshop color palette (#F0F5FF, #DDD8E2, #E9B3C5, #438CCD, #1C254E)
- Quiet Market color palette (#E9F5FF, #E5D2EE, #F5B7FF, #10B1CB, #1A3663)
- Antique Indigo color palette (#EBEDFF, #E4C4F0, #DD9BCB, #7A69C1, #422B4D)
- Chalky Blush color palette (#DFF2F8, #A093FF, #E86D9D, #2F1A6B, #0F1323)
- Hushed Fuchsia color palette (#EBF6FF, #CBD2FF, #E06BDC, #006A7B, #2B3868)
- Aged Nightshade color palette (#E2EAFF, #A097C7, #9E5FC1, #2A3A9E, #110431)
Browse the whole catalog at Explore, or see today's palette.