Cobalt Garden color palette — #FFF0FC · #6580BB · #497F56 · #006156 · #3E2C3C

Slate Blue takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Slate Blue (#6580BB): A luminous, balanced violet — the color of a velvet chair.
• Fern (#497F56): A full-bodied, balanced teal — the color of glacier melt.
• Pine (#006156): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#3E2C3C): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Antique Forest color palette (#E3FCF3, #4388B7, #637B36, #00633D, #183A31)
• Tempered Corridor color palette (#FDF2F7, #9387BC, #3F8F82, #006B7B, #4B3640)
• Olive Alley color palette (#FDEDF2, #9B72BB, #6F7E06, #005D69, #28121A)
• Hazy Orchid color palette (#FFF1F3, #A64BAD, #007483, #004E7C, #3D1D3F)
• Wandering Bronze color palette (#FFF2EA, #B56C46, #607C37, #006342, #38312D)
• Byzantium Terrace color palette (#F4DAFF, #9919C1, #006669, #00425E, #2F0D3B)
• Sunlit Mallow color palette (#F6F3FF, #F192E5, #D99F75, #6495C1, #352F44)
• Chalky Coast color palette (#FFE9E5, #AF476D, #0F65A2, #39348E, #3B1D19)

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