Pine Ridge color palette — #F4F7EA · #CAE0D2 · #AFC1AB · #20722E · #0C0E04

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

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Silver (#CAE0D2): A whisper-light, dusty teal — the color of sea glass.
• Stone (#AFC1AB): A luminous, dusty green — the color of fresh herbs.
• Olive (#20722E): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#0C0E04): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Softworn Field color palette (#E0EBE9, #A6B7B8, #72949F, #09530B, #000E0C)
• Washed Workshop color palette (#F9F7D6, #6DB678, #007152, #314219, #070900)
• Emerald Delta color palette (#EBEDE2, #B2C5BB, #8DAFA7, #469541, #1F210C)
• Weathered Petrol color palette (#EDF8F2, #C9E4E7, #E3C4CC, #2D819C, #15211B)
• Wandering Chapel color palette (#DDE4DE, #ABC1B4, #739C8F, #004549, #000200)
• Pale Emerald Quarry color palette (#FFEBCC, #00A557, #006260, #480051, #000503)
• Aged Boulevard color palette (#BEF0D5, #2DB5AC, #1D7E9F, #533046, #280C05)
• Softworn Chartreuse Summit color palette (#E9FDD7, #6CEE00, #00D199, #00909C, #000504)

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