Pine Canyon color palette — #FBF4E8 · #B9B089 · #54814B · #4D6049 · #4E4200
Built around Fern, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF4E8): bright and airy, almost weightless.
- Sage (#B9B089): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#54814B): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#4D6049): A full-bodied, dusty green — the color of new leaves after rain.
- Deep Olive (#4E4200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Canyon 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
- Lagoon Summit color palette (#F6F6EC, #89BDA3, #00857E, #3D6355, #364B01)
- Timeworn Olive color palette (#E3F8EF, #A7BC8A, #5F8050, #3A5C5B, #112D26)
- Olive Villa color palette (#F9F6E4, #B7CE93, #7B9A6B, #6B7A35, #4A4400)
- Pine Boulevard color palette (#FDF4E4, #97A16E, #377236, #4B436F, #37362F)
- Weathered Station color palette (#EDF8F2, #CEDCAD, #93B888, #74989B, #2B4940)
- Misty Moss Chapel color palette (#F4EBCF, #64A640, #006C48, #004C55, #1D350F)
- Faded Denim color palette (#E9FAF5, #60A5E5, #B98714, #0062A4, #533F18)
- Olive Thicket color palette (#F2ECDC, #678543, #00532D, #382151, #1E1C00)
Browse the whole catalog at Explore, or see today's palette.