Weathered Garden color palette — #F6D8EE · #3B48C4 · #663F00 · #180081 · #050200

Cobalt and Indigo set the tone — five colors that lean into optimism and creativity.

The five colors

• Thistle (#F6D8EE): A whisper-light, dusty pink — the color of a candy shop window.
• Cobalt (#3B48C4): A full-bodied, vivid violet — the color of wild irises.
• Bronze (#663F00): A full-bodied, balanced gold — the color of old brass.
• Indigo (#180081): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#050200): quiet, heavy and certain.

Feels like: Optimism, Creativity, Energy, Balance. Tagged cool.

Use it as a design system

One click turns Weathered 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

• Hazy Study color palette (#EBDAEB, #0056B9, #763300, #00275B, #070100)
• Faded Grape Terrace color palette (#F8E7F0, #5F35C4, #445000, #2F0071, #020300)
• Nocturne Navy color palette (#E4EEFF, #003FA6, #483E00, #1F2F09, #000106)
• Navy Archive color palette (#D7E4F7, #4178E3, #816200, #002B99, #020100)
• Timeworn Cocoa color palette (#D6F9E6, #006580, #703800, #002F3D, #060200)
• Weathered Nightshade color palette (#EBDAE7, #5A77FF, #857000, #281BD1, #1B1500)
• Velvet Nightshade color palette (#DCDFF4, #6157C8, #1C1B9D, #09003C, #01000A)
• Washed Corridor color palette (#CFF1F0, #826D00, #006B8D, #070B13, #000201)

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