Cobalt Garden color palette — #EDF6FF · #2C90D2 · #8E5215 · #464E00 · #1D3C21

Cerulean and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Cerulean (#2C90D2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ochre (#8E5215): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#464E00): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#1D3C21): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Muted Iris Thicket color palette (#F1F5FF, #757DDE, #7E5E00, #2C532D, #003C30)
• Patina Hollow color palette (#E9F8FE, #009AA8, #97483F, #6B3A10, #3A3505)
• Aged Cerulean color palette (#F9F3F9, #ACEAE6, #3598B2, #4B6C4A, #334A60)
• Soft Sapphire color palette (#DAE9FF, #185AF8, #6E3E00, #0E3E00, #00251B)
• Timeworn Market color palette (#DCF0FF, #B4BDE3, #8D7B95, #4E6660, #364D51)
• Cocoa Lantern color palette (#FEECF2, #A07CBA, #8F4B67, #6E2709, #281C00)
• Washed Olive Boulevard color palette (#FFF1F6, #B8B182, #5F7D4F, #58576E, #33483C)
• Muted Periwinkle Meadow color palette (#F0F5FF, #8AA1E9, #9A6E9E, #046D5F, #073D54)

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