Pine Ridge color palette — #FCF4E8 · #CC9800 · #17740E · #634800 · #010100
Olive takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FCF4E8): a clean, paper-quiet neutral.
- Mustard (#CC9800): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#17740E): A full-bodied, balanced green — the color of fresh herbs.
- Bronze (#634800): A full-bodied, balanced gold — the color of honey in a jar.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.
Use it as a design system
One click turns Pine 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 Moss color palette (#F8F5E8, #9EAD00, #00705B, #4B5300, #010200)
- Tangerine Coast color palette (#FFF2E9, #F57B14, #616500, #7A3800, #020100)
- Timeworn Aubergine Drift color palette (#FFEBCC, #8D9100, #006631, #270C75, #020500)
- Softworn Coast color palette (#EAE8D4, #9BAA00, #397A00, #003D21, #000604)
- Hushed Fern Market color palette (#F9F5EA, #D4DCCF, #B9BEA1, #696200, #120C00)
- Chalky Villa color palette (#FAF6DF, #BCD100, #00937C, #667300, #000201)
- Hushed Bronze Canyon color palette (#E2F0E1, #A46A00, #005131, #4C2F00, #000201)
- Apricot Lantern color palette (#EBDFD5, #F18D00, #009596, #AA6200, #000500)
Browse the whole catalog at Explore, or see today's palette.