Pine Ridge color palette — #F9F4EF · #D2A56E · #3E803D · #845300 · #24260D

A conversation between Olive and Coffee, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Camel (#D2A56E): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#3E803D): A full-bodied, balanced green — the color of a quiet forest floor.
• Coffee (#845300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#24260D): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone, muted.

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

• Airy Terracotta Grove color palette (#FAF4F0, #DD9D88, #836D00, #A43400, #2B2310)
• Timeworn Fern Balcony color palette (#F7F5ED, #A9B586, #008172, #596800, #1B2914)
• Patina Basin color palette (#F9F0EA, #ED9D76, #008873, #9E4713, #091105)
• Sunlit Fern color palette (#FFECC0, #BAB475, #687C33, #1C5E00, #00452D)
• Aged Navy Workshop color palette (#FEF4E5, #A49958, #4C7740, #354889, #3F3D36)
• Rust Chapel color palette (#FAF3F7, #F4B393, #00A884, #C45F25, #0F292B)
• Ancient Amber color palette (#FBF1DD, #AA8B00, #00644B, #554500, #00170E)
• Hushed Bronze Lagoon color palette (#F8F5EF, #D8DBD4, #B8C3B4, #88722B, #4C473E)

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