Pine Ridge color palette — #F9F1E3 · #A4AF6E · #24801E · #5F4909 · #1F2300

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

The five colors

• Cream (#F9F1E3): A whisper-light, dusty gold — the color of old brass.
• Sage (#A4AF6E): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#24801E): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#5F4909): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#1F2300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, 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

• Washed Cypress color palette (#F7F3DA, #82B789, #007D67, #475214, #1F2303)
• Aged Lantern color palette (#F6F2E1, #87B683, #007E60, #74353F, #0B280A)
• Moss Ridge color palette (#FCF5E0, #9DAE3D, #587426, #555326, #3C3B34)
• Hushed Veranda color palette (#F6EEDE, #7F9760, #006636, #423900, #151300)
• Dusty Lagoon color palette (#F7F1E7, #CBC4A1, #649063, #566754, #32312A)
• Frosted Moss color palette (#E6FBF0, #D3E294, #78A22D, #716E31, #02372A)
• Clover Coast color palette (#E0F2D6, #21B952, #00836A, #00504C, #002A31)
• Timeworn Terrace color palette (#ECE9D8, #4C8859, #005042, #252E00, #000B02)

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