Cobalt Garden color palette — #FFF0FD · #FFCABC · #3F68B6 · #172C56 · #100210

Royal Blue and Navy set the tone — five colors that lean into sophistication.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Peach Cream (#FFCABC): A whisper-light, dusty orange — the color of toasted spice.
• Royal Blue (#3F68B6): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#172C56): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#100210): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Dusty Honey color palette (#FFF0FD, #FBC66D, #415FA8, #381C35, #080207)
• Dusty Boulevard color palette (#E1FDEC, #FFC8CB, #00778F, #003540, #000B04)
• Muted Celadon Chapel color palette (#FEF0FB, #DAF1A6, #5D74AF, #472F43, #160B14)
• Airy Ultramarine Corridor color palette (#FFF0FA, #00E69B, #3F44BD, #141648, #040003)
• Frosted Apricot Hollow color palette (#FFF0FC, #FFA05F, #2E4A9B, #0A1536, #030003)
• Weathered Boulevard color palette (#E5F7EF, #76BA85, #005375, #002436, #000B06)
• Pale Alley color palette (#ECF7FF, #9AE3A7, #2499CE, #00648B, #011D2F)
• Timeworn Summit color palette (#FAE8F8, #B0A600, #0E3581, #000422, #030003)

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