Weathered Ridge color palette — #D7E6FF · #3A55D0 · #665300 · #423500 · #020420

Cobalt and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D7E6FF): A whisper-light, dusty violet — the color of a velvet chair.
• Cobalt (#3A55D0): A full-bodied, vivid violet — the color of a velvet chair.
• Coffee (#665300): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#423500): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#020420): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Ultramarine Grove color palette (#D2DFF5, #4458B6, #794400, #343D00, #101738)
• Ancient Delta color palette (#D9EFFF, #006E94, #784800, #4E2D00, #000912)
• Byzantium Boulevard color palette (#DEDAF9, #8A3F9E, #5D5700, #3B3800, #110017)
• Wandering Quarry color palette (#E2E4FD, #8047C1, #3D4E00, #003108, #000F07)
• Antique Petrol Lantern color palette (#D4E5F8, #0066B4, #00654A, #003D49, #000816)
• Timeworn Indigo color palette (#D4EEEF, #556ED8, #82175D, #003525, #130428)
• Worn Field color palette (#FFF0FB, #7590FF, #9A5100, #4A5400, #13010F)
• Timeworn Driftwood color palette (#F1F0FF, #9D73B1, #757A41, #52561D, #19172A)

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