Cobalt Studio color palette — #E7FAF5 · #99B67A · #5FAC9F · #6C73B8 · #28433D
Slate takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E7FAF5): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#99B67A): A luminous, balanced green — the color of a quiet forest floor.
- Turquoise (#5FAC9F): A luminous, dusty teal — the color of glacier melt.
- Slate (#6C73B8): A full-bodied, balanced violet — the color of wild irises.
- Forest (#28433D): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
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
- Washed Thicket color palette (#EDF9EE, #C9A46C, #80A87F, #2B85A8, #334134)
- Hazy Jade color palette (#E7FAF8, #64B37B, #7E8ACC, #9E5176, #0E3A39)
- Dusty Pewter color palette (#EBF9F5, #98B379, #2D9C9B, #755795, #412F35)
- Hushed Summit color palette (#FFF1F7, #CDBD8D, #729F7A, #8E588C, #354E44)
- Dusty Mustard color palette (#EBFAEA, #ECB873, #92C4A5, #A590B4, #364036)
- Grape Dune color palette (#DAF5F3, #49A763, #4285BF, #86359A, #002E2B)
- Pine Courtyard color palette (#E3FEE4, #B6DEC5, #94AD77, #188555, #00554B)
- Wandering Boulevard color palette (#F1F7F0, #EBCBA6, #6CAC84, #B87F2E, #1F3231)
Browse the whole catalog at Explore, or see today's palette.