Pine Ridge color palette — #E8FAF5 · #80A874 · #1D7537 · #405229 · #1B3C37

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

The five colors

• Ivory (#E8FAF5): bright and airy, almost weightless.
• Moss (#80A874): A luminous, balanced green — the color of fresh herbs.
• Olive (#1D7537): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#405229): A full-bodied, dusty green — the color of fresh herbs.
• Forest (#1B3C37): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, 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

• Patina Moss color palette (#D6F3E5, #899C3B, #436700, #005219, #2A3206)
• Timeworn Lagoon color palette (#E7FAF8, #88BDA1, #25856B, #346360, #2A4949)
• Muted Lagoon Bloom color palette (#D1EBE9, #469F79, #006450, #004845, #003031)
• Aged Pine Courtyard color palette (#DAEFEB, #4D8A59, #005232, #113800, #002209)
• Indigo Workshop color palette (#CAEBF9, #00899A, #575FC5, #1A6D21, #003140)
• Worn Turquoise Hollow color palette (#E9F8FF, #31B8CE, #006C7F, #003F4A, #00242A)
• Sky Courtyard color palette (#E9F8FF, #A7E3FF, #70BAF7, #007F87, #254150)
• Fern Field color palette (#D9ECE7, #3C6A35, #003515, #001C13, #000806)

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