Pine Ridge color palette — #EDF8F2 · #8CBBAE · #3F8457 · #585671 · #324842

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF8F2): bright and airy, almost weightless.
• Sage (#8CBBAE): A luminous, dusty teal — the color of glacier melt.
• Fern (#3F8457): A full-bodied, balanced teal — the color of glacier melt.
• Graphite (#585671): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#324842): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Lagoon Thicket color palette (#EEF8F5, #98CCCC, #488F88, #6C5F7B, #3E5151)
• Hushed Cypress Boulevard color palette (#EBF9F2, #88A47F, #007553, #58425D, #133D38)
• Muted Chestnut Corridor color palette (#F4F2E7, #A4BD8D, #58824F, #7D441B, #292818)
• Tempered Corridor color palette (#FAF3F6, #C0E2F7, #4990CC, #00716C, #394862)
• Weathered Basin color palette (#DFF0EA, #4F895B, #005143, #4E1C1F, #002209)
• Tempered Emerald Coast color palette (#D9F2E9, #34AB5C, #006A59, #682160, #023816)
• Oat Corridor color palette (#FFF0F8, #E5EAC1, #BAD78C, #AF6E72, #5D444C)
• Antique Basalt color palette (#FAF5E5, #D9D7B4, #92B795, #A7868B, #494400)

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