Cobalt Studio color palette — #FEE7DE · #71BEC9 · #008DC5 · #007148 · #010C3E

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Rose Water (#FEE7DE): A whisper-light, dusty orange — the color of toasted spice.
• Cyan (#71BEC9): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#008DC5): A luminous, balanced blue — the color of deep harbor water.
• Pine (#007148): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#010C3E): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Weathered Hollow color palette (#FAEDE4, #89CBE1, #4A97DF, #007F68, #17154C)
• Cobalt Archive color palette (#FDECDE, #78A7C6, #5370BE, #005D5B, #0D0024)
• Turquoise Basin color palette (#DBE9DD, #4EB2BE, #00728C, #004B42, #001623)
• Ancient Turquoise color palette (#FCEAE4, #9DE1E6, #29B3E7, #2F9459, #132D53)
• Washed Cerulean Veranda color palette (#F9E9F6, #3C99A4, #005070, #002E19, #000219)
• Ember Corridor color palette (#F7DED2, #EC5037, #00909F, #B51B00, #001316)
• Patina Bloom color palette (#FAD6CE, #E22D00, #00819F, #325E90, #160100)
• Dusty Bronze color palette (#EDE6D9, #839A4D, #826C00, #723D00, #001004)

Browse the whole catalog at Explore, or see today's palette.