Pine Ridge color palette — #DCECD3 · #00742F · #004336 · #001C1A · #000102
A conversation between Olive and Forest, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DCECD3): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#00742F): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004336): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001C1A): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, 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
- Forest Garden color palette (#EAE4D7, #006722, #003733, #23002E, #000201)
- Charred Studio color palette (#DCF3ED, #006F72, #003D4C, #001927, #000109)
- Washed Moss color palette (#F0ECDB, #5F9700, #006246, #002227, #000103)
- Lagoon Ridge color palette (#DDF4E2, #009667, #006552, #003934, #001010)
- Velvet Fern color palette (#E5DECE, #6E6500, #324200, #041D00, #000201)
- Washed Cypress Harbor color palette (#DAF1DF, #007A73, #004B59, #3E0E35, #170004)
- Hushed Spruce color palette (#E4E6D7, #9BA48D, #708269, #0E4200, #040500)
- Gentle Cerulean Veranda color palette (#C9EBE8, #0096A5, #005E7C, #003252, #000235)
Browse the whole catalog at Explore, or see today's palette.