Cobalt Garden color palette — #F0F5FF · #9AAFF9 · #6268B2 · #323D70 · #28264C

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

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#9AAFF9): A luminous, balanced violet — the color of a velvet chair.
• Slate (#6268B2): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#323D70): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#28264C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Calm, Balance. Tagged monochrome, 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

• Muted Sky color palette (#EEF6FF, #6DBAFF, #2377A6, #00496E, #033350)
• Wisteria Station color palette (#F3F4FF, #CD99E7, #805DA3, #53386A, #39274B)
• Hushed Denim color palette (#F0F5FF, #BDCAFF, #808BCC, #4B5495, #242752)
• Soft Bronze Pier color palette (#F2F4FF, #B4A0EB, #A85507, #665099, #2F1E26)
• Aged Atelier color palette (#F0F5FF, #70C397, #414D82, #232E43, #1B1825)
• Washed Basin color palette (#D7E7D9, #F8B72C, #91AEFF, #403C50, #262B33)
• Antique Corridor color palette (#EEF6FF, #E3D9E3, #E8A9C0, #5D8997, #495163)
• Frosted Orchid color palette (#F4F4FF, #A65BC7, #627B3B, #465B22, #323045)

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