Cobalt Garden color palette — #EFF8F3 · #B4A95B · #4887C2 · #8B566E · #27362E
Cerulean and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EFF8F3): a clean, paper-quiet neutral.
- Sage (#B4A95B): A luminous, balanced green — the color of new leaves after rain.
- Cerulean (#4887C2): A luminous, balanced blue — the color of deep harbor water.
- Graphite (#8B566E): A full-bodied, dusty rose — the color of a warm blush.
- Deep Forest (#27362E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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 Iris Archive color palette (#EBF8F7, #6EB681, #7481CC, #8E5758, #213934)
- Lagoon Corridor color palette (#ECF9F1, #ABA159, #0A999F, #705984, #3F2D33)
- Patina Teal Orchard color palette (#FFF1F8, #AEC98B, #47A499, #886078, #364D4B)
- Moss Garden color palette (#F8F6EA, #80942C, #007C7E, #564F4A, #3A3630)
- Aged Stone Quarry color palette (#F4F7EC, #9BCEA7, #6CB0A6, #A380A5, #31322B)
- Ancient Jade Pier color palette (#E7F5F5, #5CB080, #3C5E67, #293C3C, #1B2421)
- Ash Dune color palette (#EFF7F5, #D3DCE0, #B0B4C4, #7BA69A, #4B5552)
- Softworn Amethyst Boulevard color palette (#E7FAF8, #3DA857, #6B52D7, #8E2C11, #00211F)
Browse the whole catalog at Explore, or see today's palette.