Pine Ridge color palette — #ECF1E0 · #007741 · #00463E · #001C1F · #000204
Pine takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#ECF1E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#007741): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00463E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001C1F): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000204): a grounded near-black with real depth.
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
- Timeworn Jade Chapel color palette (#DEF5E7, #00A785, #005A4F, #001F1E, #000102)
- Forest Corridor color palette (#FDE5DA, #00672A, #00363C, #2B0018, #000201)
- Cypress Garden color palette (#D9EEE8, #00777F, #004255, #001439, #02000F)
- Smoked Olive color palette (#F3E3CC, #746700, #233E00, #00190D, #000202)
- Timeworn Jade Loft color palette (#D7E5D3, #00B272, #00726F, #003943, #001326)
- Moss Grove color palette (#C8ECDE, #839D00, #008566, #004A6B, #000202)
- Spruce Garden color palette (#DEE1D1, #97A58D, #67846C, #02430A, #040500)
- Softworn Harbor color palette (#DDEADC, #007874, #01456F, #3C1314, #1A0001)
Browse the whole catalog at Explore, or see today's palette.