Cobalt Garden color palette — #F0F5FF · #A4B2FA · #AEA85F · #6C79C8 · #47441A

Periwinkle and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender (#A4B2FA): A luminous, balanced violet — the color of wild irises.
• Sage (#AEA85F): A luminous, balanced green — the color of a quiet forest floor.
• Periwinkle (#6C79C8): A luminous, balanced violet — the color of wild irises.
• Deep Olive (#47441A): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Hazy Drift color palette (#EDF6FF, #85BEF1, #CE9863, #3686C6, #5D390F)
• Violet Boulevard color palette (#F4F4FF, #C6A9E3, #81B66C, #946ABC, #2D4C20)
• Gentle Mustard color palette (#FFF0F9, #CCD0FF, #DFB52F, #7E80CD, #463604)
• Faded Lilac Study color palette (#F1F5FF, #9D99EE, #AA993C, #569150, #30374E)
• Mint Studio color palette (#F0F5FF, #B6CBFF, #41DAB3, #7D9BEA, #114B50)
• Sunlit Ultramarine color palette (#FFF0FB, #8E9CD6, #00A088, #4956C6, #004E41)
• Hushed Pewter Delta color palette (#FFF1F6, #A3C9AC, #AD8091, #8C5B4B, #2B4338)
• Patina Parlor color palette (#EBDEFF, #C495FF, #8D9300, #7814C1, #2F3100)

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