Worn Ridge color palette — #F3EFE0 · #917700 · #586000 · #004440 · #040300

Ochre takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F3EFE0): A whisper-light, dusty green — the color of a quiet forest floor.
• Ochre (#917700): A full-bodied, balanced green — the color of fresh herbs.
• Olive (#586000): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004440): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#040300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, muted.

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

• Smoked Chestnut color palette (#EDE2CA, #805C00, #2B3700, #000D20, #020100)
• Linen Emerald color palette (#E0E3CB, #3B9000, #006B44, #004058, #000500)
• Tempered Driftwood color palette (#ECEEDD, #759257, #4F7653, #004D57, #001721)
• Misty Pier color palette (#EFDEC7, #C35300, #7E4D00, #104701, #080200)
• Aged Teal color palette (#EFF0DC, #27B6B4, #00848C, #005E52, #000C0F)
• Linen Moss color palette (#EDEFD0, #63AF00, #008D51, #005E7A, #021D01)
• Gentle Lime color palette (#ECDDB6, #ACB400, #649943, #00747F, #1F2800)
• Cocoa Courtyard color palette (#FDE6D4, #733000, #1C2700, #110026, #020100)

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