Cobalt Garden color palette — #F2EFFF · #B3B3FF · #6D6BB5 · #3E3566 · #171031

Slate and Lavender set the tone — five colors that lean into creativity and balance.

The five colors

• Blush (#F2EFFF): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#B3B3FF): A luminous, balanced violet — the color of a velvet chair.
• Slate (#6D6BB5): A full-bodied, balanced violet — the color of wild irises.
• Navy (#3E3566): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#171031): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Balance. Tagged monochrome.

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

• Airy Mallow color palette (#F1F0FF, #E6A1EC, #9763A2, #552E5C, #1E0727)
• Wandering Atelier color palette (#E5F4FF, #7BC4FF, #0B7CAF, #004B69, #00192B)
• Chalky Summit color palette (#F3F4FF, #C0C2FF, #8886CE, #56528F, #272251)
• Airy Wisteria color palette (#F1F0FD, #CE9AF1, #A36329, #76548C, #17090F)
• Tempered Shell Villa color palette (#EBF2FF, #ECD6E1, #F5B7C5, #578294, #252C3F)
• Weathered Studio color palette (#E0E2CE, #00EBD3, #6599EB, #1C2736, #0B1119)
• Softworn Mint Alley color palette (#EDF2FE, #70C7AA, #4F4E83, #1F263C, #090C15)
• Shadow Byzantium color palette (#E8E2F4, #8B38E9, #3F008D, #1A002E, #020007)

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