Worn Ridge color palette — #F8F2DD · #ADA852 · #8F81C6 · #6D6700 · #291F46
Built around Sage, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F8F2DD): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#ADA852): A luminous, balanced green — the color of fresh herbs.
- Slate Blue (#8F81C6): A luminous, balanced violet — the color of twilight just after sunset.
- Olive (#6D6700): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#291F46): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Worn 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
- Hushed Courtyard color palette (#F3F3E5, #9FBF8A, #C186AF, #5D7D46, #462629)
- Patina Grove color palette (#FBF0E4, #D09655, #1A9CBF, #8C570B, #002C39)
- Weathered Bronze Meadow color palette (#EBF9F1, #C1BB71, #AC96E1, #8D8300, #473964)
- Feathered Pier color palette (#FCF5E1, #A8A267, #C5697D, #716700, #63303B)
- Soft Indigo color palette (#FAF2D4, #929333, #7774C5, #795B98, #261D00)
- Pewter Chapel color palette (#F7F2E1, #B0AD8C, #7C7742, #5F4821, #21250A)
- Muted Bloom color palette (#E6FAD3, #2BC299, #AC40A8, #006C52, #3A0239)
- Hushed Courtyard color palette (#F8F2E0, #B1E6D7, #99CDBE, #8D734A, #33332C)
Browse the whole catalog at Explore, or see today's palette.