Pine Field color palette — #F4EED3 · #49794A · #004233 · #002730 · #001502
A conversation between Olive and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4EED3): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#49794A): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004233): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#002730): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001502): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, 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
- Bronze Pier color palette (#F1DDC9, #7A6B27, #303E00, #002A1E, #140F00)
- Dusty Lagoon color palette (#E5E2CF, #5A8660, #005141, #44194B, #002207)
- Worn Quarry color palette (#EBDEC6, #66731C, #03440A, #28055A, #0E1100)
- Timeworn Jade Boulevard color palette (#DAF1E8, #57AE62, #00836A, #1D5F70, #001503)
- Timeworn Jade color palette (#EFEDD1, #5CA477, #00695D, #004A62, #00381D)
- Forest Pier color palette (#EDE4CF, #819366, #006633, #453262, #2E2A02)
- Ancient Grove color palette (#F6EAE4, #509BB2, #004E79, #00302B, #000A41)
- Antique Grape color palette (#F6D7E7, #6045B9, #5E4900, #310078, #150E00)
Browse the whole catalog at Explore, or see today's palette.