Pine Ridge color palette — #EDF9F1 · #A7B787 · #52805B · #545871 · #2D4941

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EDF9F1): bright and airy, almost weightless.
• Sage (#A7B787): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#52805B): A full-bodied, dusty green — the color of fresh herbs.
• Graphite (#545871): A full-bodied, dusty violet — the color of wild irises.
• Forest (#2D4941): 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

• Washed Quarry color palette (#E5FCEE, #8AA665, #327249, #484862, #1D3C35)
• Washed Pewter color palette (#EAF6E9, #93BEAC, #5A805C, #594E6E, #102E23)
• Hushed Basalt color palette (#FDF4E8, #CEC59D, #719C77, #89686C, #4E4200)
• Emerald Parlor color palette (#F6F3FF, #C884C1, #3D9F68, #894B84, #254C34)
• Washed Cerulean color palette (#FAF2F8, #B5E5F8, #4794B6, #316F5D, #364A5F)
• Weathered Basalt Workshop color palette (#F8F5E9, #D8D7B8, #8ABA91, #7493B5, #484500)
• Chalky Garden color palette (#F7F3FF, #BA66A7, #488C5A, #007374, #3B3448)
• Driftwood Boulevard color palette (#F7F3FF, #E9DCD8, #E7BACE, #847CA7, #4E4258)

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