Pine Ridge color palette — #F6F1EA · #C49756 · #007849 · #734C00 · #050800
Built around Pine, softened by Camel — the whole palette hums with nature and growth.
The five colors
- Cream (#F6F1EA): bright and airy, almost weightless.
- Camel (#C49756): A luminous, balanced gold — the color of old brass.
- Pine (#007849): A full-bodied, balanced teal — the color of shallow lagoons.
- Bronze (#734C00): A full-bodied, balanced gold — the color of honey in a jar.
- Ink (#050800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged duotone, 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
- Pine Basin color palette (#F6F1E8, #BFB482, #28885F, #756400, #0A1100)
- Terracotta Chapel color palette (#F9F0EA, #D28C6F, #736500, #8E3400, #0A0600)
- Hazy Amber Corridor color palette (#FCF2F7, #DB7D4F, #006B6E, #823400, #001C24)
- Tempered Moss color palette (#F2EED9, #8CA024, #00686B, #475300, #000405)
- Wandering Navy Corridor color palette (#F4E7D3, #978C28, #2B6B29, #262E7A, #1D1800)
- Misty Olive color palette (#F0E5C8, #9D9C59, #57730B, #01480D, #002015)
- Linen Canyon color palette (#F0F4E7, #65BE80, #007987, #006E35, #000C0E)
- Weathered Pier color palette (#F6EDDE, #977200, #00531C, #463300, #000200)
Browse the whole catalog at Explore, or see today's palette.