Cobalt Garden color palette — #F9EEF3 · #AECCE3 · #5B79BD · #005C57 · #23173F

Slate takes the lead with Peacock close behind in a set that reads as creativity and calm at first glance.

The five colors

• Blush (#F9EEF3): a clean, paper-quiet neutral.
• Lilac Frost (#AECCE3): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#5B79BD): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005C57): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#23173F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Calm, Sophistication. 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

• Worn Courtyard color palette (#F0F7F2, #A6CAE6, #387BBE, #005E6B, #2B395A)
• Forest Harbor color palette (#F6EFF7, #ADCED7, #2C88A4, #086021, #002141)
• Periwinkle Summit color palette (#F9F4EE, #C1E2F5, #78AAE0, #007D8D, #1F2D4E)
• Hazy Studio color palette (#D5E1F1, #598EDE, #8E4600, #5D4400, #02142C)
• Dusty Turquoise Cabin color palette (#CAF2E9, #00A8B8, #006E91, #003C74, #1D1D49)
• Worn Market color palette (#E5F4FF, #D8D5FF, #D399B8, #008380, #132A45)
• Bronze Market color palette (#D8ECFF, #4B98D4, #B9610F, #00598E, #2F1300)
• Weathered Study color palette (#F6ECF4, #4C97A2, #004F73, #002D1B, #00001F)

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