Pine Field color palette — #CBE7DD · #448550 · #005242 · #401A40 · #000901
Built around Fern, softened by Deep Indigo — the whole palette hums with nature and growth.
The five colors
- Honeydew (#CBE7DD): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#448550): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#005242): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#401A40): A deep, shadowed, balanced pink — the color of a candy shop window.
- Ink (#000901): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Washed Lagoon Drift color palette (#CDEFE3, #599362, #00614F, #5B2328, #001503)
- Fern Grove color palette (#D7E4D6, #81762C, #374E00, #23225A, #080600)
- Nocturne Forest Alley color palette (#E7E9D1, #356B3E, #00351D, #261000, #000901)
- Aged Bronze color palette (#F5E8D6, #967400, #634500, #221700, #030200)
- Bronze Quarry color palette (#D7E6D6, #8F5D00, #005E8C, #4E3100, #00070F)
- Feathered Emerald color palette (#FBE3C9, #ABA847, #449352, #772716, #130B00)
- Ultramarine Loft color palette (#E9DCE0, #6D97BA, #2E50AC, #003A41, #0A0027)
- Worn Olive Lantern color palette (#DBE9DB, #ABA774, #5D7D3C, #6C4764, #2E2A00)
Browse the whole catalog at Explore, or see today's palette.