Pine Ridge color palette — #F4F6EF · #D4DDD7 · #B2C4BB · #4F825D · #46493E

A conversation between Fern and Stone, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#D4DDD7): bright and airy, almost weightless.
• Stone (#B2C4BB): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#4F825D): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#46493E): quiet, heavy and certain.

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

• Patina Pine Cabin color palette (#F1F3EC, #D1D9D5, #B0C0BC, #518353, #2C2D25)
• Worn Fern Basin color palette (#F5F7E6, #95BB9B, #4D8065, #5C5E11, #3F4800)
• Wandering Pier color palette (#DDF9D9, #A7C4AD, #6F9784, #79586A, #65423D)
• Abyss Hollow color palette (#EDF2E6, #A5AC9F, #758470, #00432B, #111608)
• Petrol Balcony color palette (#EFF7F3, #CCDDDF, #BDADBE, #006E90, #313E38)
• Powdered Lantern color palette (#F1F8EA, #9FFDC0, #44D0AC, #00A2A4, #324228)
• Aged Dune color palette (#F9F7DB, #51AC87, #027A72, #2A4D81, #344228)
• Dusty Denim Bloom color palette (#E2EAE7, #BFB5C1, #9D859B, #00496E, #06251D)

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