Pine Ridge color palette — #FFF3E6 · #AD8600 · #007523 · #542F7B · #383800

Built around Olive, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#AD8600): A luminous, balanced gold — the color of honey in a jar.
• Olive (#007523): A full-bodied, balanced green — the color of a quiet forest floor.
• Royal Purple (#542F7B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Olive (#383800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

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

• Softworn Lagoon color palette (#FFEAD9, #8B8C23, #006B50, #5E2461, #31312A)
• Nightshade Archive color palette (#FFF3E4, #D26C21, #656400, #3C3097, #4B2F00)
• Olive Harbor color palette (#D9FBEB, #8B9C10, #2B740A, #004750, #162000)
• Hazy Emerald Canyon color palette (#FFF5D5, #A6B148, #429400, #006773, #2E3C00)
• Wandering Lantern color palette (#FFE6D2, #5A7000, #00483E, #42003B, #011D02)
• Tempered Emerald color palette (#FFDCD0, #009557, #005D6C, #6C002E, #003129)
• Ancient Pewter color palette (#FFEBCD, #A5BB8C, #438674, #7C496C, #694143)
• Powdered Teal color palette (#F5F8DB, #5BB797, #007978, #76402F, #034634)

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