Cobalt Studio color palette — #E4F7ED · #62D6E2 · #00BDED · #0886DF · #001A26
A conversation between Azure and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#E4F7ED): A whisper-light, dusty teal — the color of glacier melt.
- Ice Blue (#62D6E2): A luminous, balanced blue — the color of deep harbor water.
- Cyan (#00BDED): A luminous, balanced blue — the color of deep harbor water.
- Azure (#0886DF): A luminous, vivid blue — the color of deep harbor water.
- Ink (#001A26): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged candy, vibrant, light, 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
- Seafoam Atelier color palette (#E7F7E7, #55DFC0, #00BBBE, #0095B3, #001B1E)
- Dusty Iris Ridge color palette (#E0F8F1, #A4E2FF, #85C5FF, #6983D9, #021F3D)
- Sunlit Archive color palette (#EBF7FF, #75EFFE, #13CDF9, #3B9FEC, #17364A)
- Hushed Indigo Workshop color palette (#EAF7FF, #45DBBE, #00BBDB, #6766C8, #163349)
- Tempered Ultramarine color palette (#D3F1E5, #00AECA, #008ABE, #0056BE, #00040C)
- Worn Amethyst Boulevard color palette (#FFEBFB, #8DC8FF, #6C93FF, #782EFD, #0D0046)
- Ancient Violet Boulevard color palette (#FBEDF8, #AAD1FF, #91A3FF, #8566D9, #100E32)
- Misty Navy color palette (#D8EDFF, #5E9FDF, #2968C2, #112C97, #121A49)
Browse the whole catalog at Explore, or see today's palette.