Cobalt Garden color palette — #FAEDFA · #4C7EC1 · #483644 · #2F252F · #13191A

Cerulean and Charcoal set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FAEDFA): A whisper-light, dusty pink — the color of neon signs at night.
• Cerulean (#4C7EC1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#483644): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#2F252F): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#13191A): 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

• Timeworn Cerulean color palette (#E8F5EF, #1A89AC, #224439, #1D2D25, #111716)
• Wandering Periwinkle color palette (#E9F3FF, #589EF1, #535768, #313942, #1D2226)
• Wandering Powder Boulevard color palette (#F8EEF8, #8BBAF2, #89757D, #5B505C, #1C241F)
• Ancient Byzantium color palette (#F5DEE2, #994EA3, #4B2529, #2C191D, #130B09)
• Shadow Courtyard color palette (#F5DEED, #564EDB, #2D1F52, #280B21, #110508)
• Muted Coral Alley color palette (#FFF1F5, #AB87C3, #C76A6F, #4F7BA0, #513C42)
• Timeworn Azure Grove color palette (#F4F6EF, #C6E6E5, #60A2C8, #397986, #365149)
• Washed Iris color palette (#FFF0FB, #A3ADE6, #7F7FD5, #645B91, #614552)

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