Cobalt Garden color palette — #F0F3EA · #69AE7E · #6C67AD · #703E0D · #382207

A conversation between Slate and Jade, giving this palette its sense of nature and growth.

The five colors

• Cream (#F0F3EA): bright and airy, almost weightless.
• Jade (#69AE7E): A luminous, balanced teal — the color of sea glass.
• Slate (#6C67AD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#703E0D): A full-bodied, balanced gold — the color of old brass.
• Espresso (#382207): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged muted.

Use it as a design system

One click turns Cobalt Garden 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

• Muted Summit color palette (#F4F2E6, #93A560, #3A78A3, #6D3949, #3A2012)
• Aged Hollow color palette (#EDF4EE, #39AFB5, #935992, #5A4B00, #2E2705)
• Ancient Teal color palette (#EDF9EC, #00AEAA, #3F75A1, #584B76, #41433C)
• Frosted Grape Dune color palette (#EAF7DE, #009979, #6533C0, #592A00, #1D1800)
• Antique Mint color palette (#EBF8F8, #5AC99C, #8983C1, #8A5C4A, #54384A)
• Cerulean Balcony color palette (#DDF3D8, #6BC6D1, #009BBD, #2A5F8B, #40293E)
• Ash Atelier color palette (#F7F0EC, #C5E7E6, #7AA0C6, #387773, #412F3E)
• Chestnut Coast color palette (#EFF5DE, #BDD7C2, #A890AB, #8A5723, #643A00)

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