Cobalt Garden color palette — #ECF8F5 · #9BBC66 · #2474B1 · #516A22 · #182532

A conversation between Slate and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Sage (#9BBC66): A luminous, balanced green — the color of fresh herbs.
• Slate (#2474B1): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#516A22): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#182532): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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 Corridor color palette (#ECF4F0, #B3BA74, #5573B5, #666A00, #050E1D)
• Washed Coast color palette (#EDF8F2, #C0AF5C, #007F81, #6F5F00, #17272C)
• Timeworn Cobalt Parlor color palette (#E9F9FA, #62C3AC, #506AB7, #00705E, #1C2433)
• Soft Moss Bloom color palette (#F7F6EC, #BBCE89, #409AC7, #748C18, #142921)
• Wandering Jade Dune color palette (#FFF0F9, #3DAF7D, #00768E, #6F3B49, #234348)
• Quiet Ridge color palette (#DCFFD0, #4EC38C, #008780, #005C6F, #004371)
• Ancient Quarry color palette (#E7F9FF, #00ADBB, #7E4286, #005B62, #191525)
• Hazy Celadon color palette (#E1FBFE, #C7F792, #40D4C1, #5393C1, #1D3E4A)

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