Cobalt Garden color palette — #F0E7E0 · #8DBAD6 · #336AB6 · #004B4D · #100940

Royal Blue takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#F0E7E0): bright and airy, almost weightless.
• Sky (#8DBAD6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#336AB6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#100940): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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

• Tempered Corridor color palette (#F3E6E0, #9ABEA3, #00759C, #004D3C, #001630)
• Petrol Workshop color palette (#EDF0E6, #89B8D7, #006DAE, #004D61, #092E56)
• Muted Chapel color palette (#F8F0E8, #ADD0C6, #6178BC, #005966, #21193F)
• Muted Denim color palette (#F5EBE6, #63AAAC, #006278, #003B26, #000C18)
• Azure Atelier color palette (#EBF8F7, #D3DCF9, #2999E5, #00667F, #001E3F)
• Hushed Ridge color palette (#F6F1EC, #C6E5E8, #899CC3, #007985, #472D3C)
• Hushed Lagoon Meadow color palette (#E9DFDA, #478483, #004350, #002110, #000103)
• Faded Grape Atelier color palette (#EAE4C4, #899821, #7832AE, #434C00, #1D0031)

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