Soft Pine Ridge color palette — #E2DFCF · #849700 · #1D7A09 · #004D25 · #003930

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

The five colors

• Bone (#E2DFCF): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#849700): A luminous, balanced green — the color of new leaves after rain.
• Olive (#1D7A09): A full-bodied, vivid green — the color of new leaves after rain.
• Forest (#004D25): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Forest (#003930): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged cool.

Use it as a design system

One click turns Soft 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

• Gentle Quarry color palette (#EDE9D3, #A6BA00, #46AA00, #008349, #003C31)
• Pale Amber color palette (#F1DAC3, #BC9200, #6F6400, #354600, #00342A)
• Nocturne Pine color palette (#E0E4D5, #0D7416, #004024, #001E17, #000C0C)
• Emerald Boulevard color palette (#DDF5DC, #00A169, #006C5C, #00494E, #003240)
• Faded Terrace color palette (#C1FFD5, #00B17C, #006D45, #00381B, #002013)
• Frosted Boulevard color palette (#DFFFDA, #4BE2D0, #00BDE5, #6C6D00, #00452F)
• Aubergine Quarry color palette (#DFEFE0, #289C3F, #810097, #90006F, #002D08)
• Weathered Pier color palette (#E3F3D6, #37C16B, #00876B, #005E5A, #124059)

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