Cobalt Garden color palette — #F3EAF3 · #5F84BC · #473542 · #271926 · #060E0C

Slate Blue takes the lead with Charcoal close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F3EAF3): a clean, paper-quiet neutral.
• Slate Blue (#5F84BC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#473542): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#271926): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#060E0C): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Softworn Market color palette (#E3F2E7, #428F9D, #2B4136, #142218, #080E09)
• Patina Periwinkle color palette (#EBF3FC, #719CDF, #4C5871, #313943, #1D2227)
• Timeworn Harbor color palette (#F8E8EB, #926095, #472629, #250D13, #0C0406)
• Washed Villa color palette (#FFEBF6, #9696CC, #B47894, #0086A1, #33212C)
• Lapis Terrace color palette (#F3D7E8, #5D58CA, #2D1F4D, #1F0418, #080106)
• Feathered Alley color palette (#FFE2F8, #A6AFE1, #7E79BE, #625399, #4C2A3A)
• Cobalt Market color palette (#F9EEF4, #ADAEDE, #59ADA6, #6A68AF, #1F381B)
• Tempered Spruce color palette (#F0F3EA, #BCC8B1, #569083, #506951, #233900)

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