Pine Ridge color palette — #EEF8F4 · #8EBFE4 · #8DA160 · #0C7A4E · #15281B
Pine takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EEF8F4): a clean, paper-quiet neutral.
- Sky (#8EBFE4): A luminous, dusty blue — the color of deep harbor water.
- Moss (#8DA160): A luminous, balanced green — the color of new leaves after rain.
- Pine (#0C7A4E): A full-bodied, balanced teal — the color of glacier melt.
- Onyx (#15281B): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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
- Antique Cypress color palette (#FBF2F7, #AAAFE9, #60A280, #007E86, #15302A)
- Amber Field color palette (#F1F7F1, #76CACD, #AE8445, #68732E, #1E2611)
- Ancient Drift color palette (#FEF2EE, #F8BAB1, #B49467, #617336, #094334)
- Pine Hollow color palette (#FFF0FC, #78A2FF, #00872D, #005B53, #001521)
- Lilac Ridge color palette (#FFF1F5, #C094DA, #00918A, #006789, #291422)
- Blush Boulevard color palette (#FFF2EF, #F19DB3, #D48E6E, #4F9A77, #41303C)
- Weathered Lilac Canyon color palette (#F0F1FC, #9F71C0, #5B753B, #24574D, #0B1C25)
- Stone Boulevard color palette (#FFF2F0, #D79AB2, #634F4B, #382624, #140D0E)
Browse the whole catalog at Explore, or see today's palette.