Pine Ridge color palette — #E0FDF1 · #89AF71 · #007338 · #00463F · #030A00
A conversation between Pine and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E0FDF1): A whisper-light, dusty teal — the color of sea glass.
- Sage (#89AF71): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#007338): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00463F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#030A00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, 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
- Lagoon Lagoon color palette (#C3EBE3, #5A9F75, #005B4A, #003237, #000201)
- Softworn Pine Coast color palette (#E0FDF3, #A2C79B, #368860, #36507F, #031F01)
- Olive Coast color palette (#F1E5D3, #6E831E, #00522C, #003039, #0A0800)
- Washed Cerulean Lantern color palette (#EEF8F0, #8EDBE0, #0089A1, #005345, #000F18)
- Lagoon Basin color palette (#E6FBF5, #ABDFB7, #479C81, #56618A, #002F2D)
- Softworn Harbor color palette (#E7FAF4, #B7E5F2, #74AC91, #5A7D86, #1E3F3C)
- Brick Alley color palette (#D6E0FF, #576CE5, #C42000, #006631, #01000E)
- Sunlit Nightshade Balcony color palette (#E4EFFF, #5B8BFD, #9F7000, #173CB5, #0D0600)
Browse the whole catalog at Explore, or see today's palette.