Pine Ridge color palette — #DFF8F5 · #7EB384 · #BA739F · #007A2B · #401432

Olive takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#DFF8F5): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#7EB384): A luminous, balanced green — the color of fresh herbs.
• Dusty Rose (#BA739F): A luminous, balanced pink — the color of peonies in June.
• Olive (#007A2B): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#401432): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Frosted Pine color palette (#E4F7F3, #8AB084, #977CCF, #1C790B, #2D1C49)
• Wandering Coral Parlor color palette (#E1F7FA, #6AB3A7, #CA6C7F, #007569, #461220)
• Tempered Terrace color palette (#E5FAF9, #72B082, #C86F2E, #007A3C, #593648)
• Dusty Harbor color palette (#F2F8E6, #75CD9D, #D08EE9, #00905B, #5A3640)
• Plum Study color palette (#DBF8FA, #43A183, #9D65B3, #AA3D6F, #002426)
• Plum Meadow color palette (#CCECEF, #009D7C, #CE006A, #005A46, #300014)
• Feathered Ember color palette (#DFF7FF, #00ADB7, #DE4817, #00686F, #3F0B00)
• Ancient Cocoa color palette (#E7F7E8, #8CB79F, #8D703F, #6E3E1D, #012A21)

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