Pine Ridge color palette — #EBF5EB · #B1B987 · #408650 · #5A4E6F · #162D24
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#EBF5EB): bright and airy, almost weightless.
- Sage (#B1B987): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#408650): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal Brown (#5A4E6F): A full-bodied, dusty violet — the color of wild irises.
- Deep Forest (#162D24): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Dusty Lantern color palette (#EAF5ED, #93A880, #107656, #533A63, #01221C)
- Tempered Cypress color palette (#E9FAF2, #9FB98F, #557F60, #4B5B6E, #2A4943)
- Antique Basalt Lantern color palette (#FDF4E7, #BECB9C, #699D7A, #85696D, #4C4300)
- Weathered Lagoon color palette (#F1F0FF, #BC90CF, #00A58B, #7E4D92, #002F27)
- Moss Canyon color palette (#D1EDDD, #60AA44, #006B55, #671F40, #051C00)
- Hushed Cerulean Summit color palette (#F6F0F4, #BDE3F4, #4D95C5, #156F4F, #202C40)
- Patina Sand color palette (#F3EFFF, #EFD3DD, #EFC598, #7271A2, #382D3E)
- Olive Corridor color palette (#D8F1E3, #4F8946, #005041, #3C1941, #000A09)
Browse the whole catalog at Explore, or see today's palette.