Pine Ridge color palette — #F8F1E1 · #95A87B · #187840 · #115052 · #201D03

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

The five colors

• Cream (#F8F1E1): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#95A87B): A luminous, dusty green — the color of new leaves after rain.
• Pine (#187840): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#115052): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#201D03): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Tempered Field color palette (#FCEFE3, #AEA06C, #5C6E00, #374F0C, #251A04)
• Muted Corridor color palette (#F4F2E9, #B0B88E, #228771, #3C5E4C, #262A14)
• Pine Pier color palette (#F8F1E1, #91B56F, #00804C, #564070, #242200)
• Hushed Quarry color palette (#F1ECDC, #709B68, #00654A, #492A56, #121400)
• Dusty Moss color palette (#F8E0C6, #AB9505, #4C6500, #2D3873, #1B1600)
• Emerald Balcony color palette (#E5FBF5, #B5DDAA, #599B66, #376D70, #072F2A)
• Ancient Workshop color palette (#F2EDDD, #5B8649, #005137, #003037, #020B00)
• Pale Cobalt Chapel color palette (#F2DEF4, #227CD9, #9B5E00, #446716, #1D0C1F)

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