Cobalt Studio color palette — #CDE9D6 · #61B8E5 · #307BD8 · #394888 · #3D1C2D
Azure and Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Celadon Mist (#CDE9D6): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#61B8E5): A luminous, balanced blue — the color of deep harbor water.
- Azure (#307BD8): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Indigo (#394888): A full-bodied, balanced violet — the color of a velvet chair.
- Espresso (#3D1C2D): A deep, shadowed, dusty rose — the color of strawberry cream.
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
- Turquoise Loft color palette (#CCEBE7, #25B6BC, #0087AC, #00507D, #3B213B)
- Pale Indigo color palette (#D3E5F8, #8FA6EC, #695FCE, #5E387B, #401F26)
- Airy Sky Orchard color palette (#BEE5FF, #5FB7FF, #3876BB, #3B5A8F, #553A51)
- Faded Quarry color palette (#FFEBF7, #A9B5F9, #566FC7, #313879, #0F0E32)
- Moss Archive color palette (#FAEDFC, #66A9EC, #9A9100, #2267A6, #2C2900)
- Voltage Lapis color palette (#DEF2FF, #338FFF, #3B1BF6, #4A0092, #2D003C)
- Weathered Mallow color palette (#FFEAFD, #EAD4D4, #FAB2DB, #458CA9, #3C2835)
- Softworn Chartreuse color palette (#F7EDDE, #89E58A, #8E8CEB, #38202F, #191216)
Browse the whole catalog at Explore, or see today's palette.