Cobalt Garden color palette — #F5DBF5 · #3778D2 · #955F00 · #5C6000 · #39213A

A conversation between Azure and Ochre, giving this palette its sense of nature and growth.

The five colors

• Thistle (#F5DBF5): A whisper-light, dusty pink — the color of neon signs at night.
• Azure (#3778D2): A full-bodied, balanced blue — the color of open sky before noon.
• Ochre (#955F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Olive (#5C6000): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#39213A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

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

• Indigo Basin color palette (#FADAEC, #736CC5, #7D6D00, #006D38, #3C2132)
• Cobalt Summit color palette (#C8EFE2, #0080C7, #A15600, #745500, #023429)
• Ancient Brick color palette (#CEEED7, #00899A, #C02C33, #844A00, #11331E)
• Sunlit Ultramarine color palette (#D8E0FF, #3A3DD3, #624A00, #3E4100, #090D2E)
• Byzantium Terrace color palette (#E7E1F0, #A421F8, #5C6D00, #005B15, #2E1742)
• Timeworn Peony color palette (#FFE1F3, #DE55B7, #007440, #00656F, #481F3C)
• Hushed Workshop color palette (#FFF1F4, #AD86C0, #779552, #4D8469, #523B41)
• Gentle Indigo Atelier color palette (#E6EEFE, #5F69ED, #AA3E8A, #006774, #091329)

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