Cobalt Garden color palette — #F2EEE7 · #A6CEC2 · #5086D6 · #00697E · #202859

Azure takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F2EEE7): a clean, paper-quiet neutral.
• Pistachio (#A6CEC2): A luminous, dusty teal — the color of glacier melt.
• Azure (#5086D6): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00697E): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#202859): A deep, shadowed, balanced violet — the color of wild irises.

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

• Cerulean Dune color palette (#F4EEE4, #92D1D5, #0096B0, #006E5C, #003346)
• Patina Periwinkle Canyon color palette (#EAFAED, #D7DEFC, #5F92DF, #00677C, #141A41)
• Hushed Ultramarine Parlor color palette (#F8ECE1, #8BBEAE, #4B5EBE, #004F50, #33254B)
• Misty Azure Workshop color palette (#FDF4E6, #C1E5CC, #00ABD9, #00837A, #004469)
• Antique Periwinkle color palette (#FCE9EF, #A7DAFF, #7F9FFD, #00918E, #332351)
• Petrol Terrace color palette (#E7E0D5, #76AAC1, #006CA5, #00494E, #001231)
• Cerulean Study color palette (#F8F5EF, #CDE5E9, #9DB1D9, #4F90A8, #63495A)
• Softworn Violet Harbor color palette (#E0DFCC, #92B956, #8D58C1, #4F7000, #361353)

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