Pine Ridge color palette — #E2EAC7 · #7CAF71 · #007741 · #004335 · #001D1E
Pine takes the lead with Jade close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#E2EAC7): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#7CAF71): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#007741): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004335): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001D1E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Teal Study color palette (#D8F7DE, #37B08F, #00746C, #00434B, #001822)
- Timeworn Olive color palette (#EBE3D1, #9F9E51, #56720D, #0B4705, #001D11)
- Pine Villa color palette (#FFDEA2, #9C9E52, #007D46, #005149, #003847)
- Ancient Emerald color palette (#FFF4DF, #CFD685, #39A166, #00665D, #002834)
- Pale Study color palette (#F6E7D0, #6C9947, #006B56, #422B5E, #001F06)
- Aged Balcony color palette (#F3F2EB, #D1D8D1, #B1BBA7, #566E29, #222115)
- Weathered Pine Coast color palette (#E3F1D4, #0F8B33, #005741, #002925, #00080A)
- Sunflower Coast color palette (#F0F5DF, #CCD45B, #6AC17A, #00988F, #001F13)
Browse the whole catalog at Explore, or see today's palette.