Cobalt Garden color palette — #FCF2F8 · #A5AAE5 · #A79A4B · #676BAE · #504D46

Slate and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Mauve (#A5AAE5): A luminous, balanced violet — the color of wild irises.
• Moss (#A79A4B): A luminous, balanced green — the color of fresh herbs.
• Slate (#676BAE): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#504D46): quiet, heavy and certain.

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

• Wandering Pewter Harbor color palette (#FFF1F3, #CE9DCA, #6CAB6D, #975892, #4D4E47)
• Softworn Petrol Chapel color palette (#EBF9F2, #6FBBDD, #C88954, #037EA4, #524C46)
• Amber Balcony color palette (#FFF0FB, #8594D1, #A78427, #618057, #4E3B49)
• Timeworn Powder color palette (#ECF2FE, #9EAEF9, #51AF9D, #646E9F, #0D373D)
• Teal Study color palette (#FFF0FA, #B7BEFF, #67C5B4, #8187BF, #43533C)
• Aged Oat color palette (#FFF0F9, #E6D8D5, #EFBAB3, #638F81, #58464D)
• Ancient Oat Chapel color palette (#F1F5FF, #CCD1FF, #D6C884, #9EA3DB, #325642)
• Patina Archive color palette (#FDF2F5, #B2C99C, #704D84, #4D2E38, #2E2220)

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