Cobalt Garden color palette — #F9F3F8 · #E0D7D8 · #CFB9B9 · #5771B4 · #4D454B

Slate and Stone set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#E0D7D8): a clean, paper-quiet neutral.
• Stone (#CFB9B9): A luminous, dusty red — the color of embers at dusk.
• Slate (#5771B4): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#4D454B): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Softworn Driftwood color palette (#FAF3F6, #DFD7D6, #AFADA0, #8879A2, #594F53)
• Antique Petrol color palette (#F5F0F5, #DFD4D4, #D3B7B0, #5C769D, #312930)
• Ancient Mulberry color palette (#FBF3F4, #E3D6D1, #D1B4B4, #8E4B98, #52373D)
• Washed Indigo color palette (#F0DFE7, #7561B3, #432933, #2D1722, #140B0C)
• Grape Orchard color palette (#FEF1F7, #DECED4, #C19BA6, #5D3ABC, #432A38)
• Linen Lilac color palette (#FFF0F8, #CFD9FF, #BDB3FF, #AE6FD2, #4F2F3D)
• Tempered Basalt Bloom color palette (#F7F6EA, #B0B390, #597E5D, #296469, #454600)
• Tempered Chestnut Thicket color palette (#FFF1F3, #D2AEAF, #9E817D, #816040, #6F4C00)

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