Pine Ridge color palette — #D5F4ED · #7FA886 · #008160 · #2B3D00 · #001502
Teal and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D5F4ED): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#7FA886): A luminous, dusty green — the color of new leaves after rain.
- Teal (#008160): A full-bodied, balanced teal — the color of sea glass.
- Forest (#2B3D00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#001502): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication. Tagged pastel, light, 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
- Olive Workshop color palette (#D5E6DE, #949F62, #467425, #3F3000, #0D0F00)
- Timeworn Workshop color palette (#C3EDF6, #3BABB0, #007182, #004031, #001010)
- Weathered Jade Summit color palette (#ECE9C8, #55B38A, #00919B, #604600, #001103)
- Antique Emerald Hollow color palette (#D5F1E9, #4E9762, #00717C, #372B00, #000200)
- Softworn Cerulean color palette (#CCE8EC, #6BC4BE, #2BA2B2, #006142, #00302D)
- Soft Dune color palette (#E0EDDB, #4DC67D, #1BB38B, #59722A, #000E02)
- Weathered Pine Lagoon color palette (#DAFDFF, #ACE7F3, #6AC4C6, #06834E, #1A464C)
- Hushed Pine color palette (#E9E1CB, #0080A5, #00764F, #040F0F, #000202)
Browse the whole catalog at Explore, or see today's palette.