Pine Ridge color palette — #E2F5ED · #227B42 · #00403A · #1E2100 · #000403

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

The five colors

• Cream (#E2F5ED): A whisper-light, dusty teal — the color of sea glass.
• Olive (#227B42): A full-bodied, balanced teal — the color of sea glass.
• Forest (#00403A): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#1E2100): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000403): quiet, heavy and certain.

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

• Worn Olive Lagoon color palette (#DAEEDC, #627000, #00421F, #00232A, #020300)
• Shadow Quarry color palette (#CCF1DC, #006758, #003B42, #00212F, #000513)
• Dusty Forest color palette (#D7E7DA, #819758, #00663F, #00404F, #001711)
• Softworn Cocoa Balcony color palette (#CBEDF9, #00686E, #783100, #003034, #070100)
• Washed Market color palette (#E2E3CE, #38A663, #005B47, #1A3300, #000200)
• Hushed Jade Dune color palette (#CFEDE4, #46AA82, #00686B, #324600, #001C11)
• Aged Pine color palette (#E7F7E7, #A6AF64, #018134, #005661, #202300)
• Twilit Basin color palette (#C5EEFE, #007AA4, #003E56, #00121C, #000103)

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