Pine Field color palette — #E5E3C6 · #0B7C49 · #004039 · #410004 · #000401
Pine takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#E5E3C6): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#0B7C49): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004039): A deep, shadowed, dusty teal — the color of sea glass.
- Espresso (#410004): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.
Use it as a design system
One click turns Pine Field 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
- Charred Olive Pier color palette (#EAE2D1, #507425, #004224, #231F00, #010400)
- Emerald Basin color palette (#C6EAE3, #45A45E, #005D3A, #322B00, #000200)
- Dusty Orchard color palette (#EEE9D7, #729B62, #006545, #3D3B00, #131300)
- Aubergine Bloom color palette (#D3E7D4, #00591D, #640073, #540044, #000200)
- Aubergine Ridge color palette (#E5E7CF, #2F7E1D, #66005F, #083401, #080007)
- Patina Petrol color palette (#E6F2E6, #58B2A3, #00819D, #383900, #000904)
- Wandering Lagoon Loft color palette (#F4E1D7, #49989C, #005266, #002D1D, #00050C)
- Linen Pine Market color palette (#FAF1DE, #96B463, #008140, #594C05, #192500)
Browse the whole catalog at Explore, or see today's palette.