Pine Field color palette — #E3E8C4 · #207B05 · #004930 · #00283A · #001D06
Olive takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#E3E8C4): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#207B05): A full-bodied, vivid green — the color of a quiet forest floor.
- Forest (#004930): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#00283A): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001D06): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged retro.
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
- Worn Forest Drift color palette (#D9F3F2, #006939, #003F44, #001F41, #141200)
- Feathered Villa color palette (#DBF3EA, #5C8A23, #125303, #2A3302, #00211B)
- Chestnut Archive color palette (#F6EDCB, #786500, #394200, #002B29, #191700)
- Olive Meadow color palette (#DAEFDE, #3B7600, #004639, #2C004B, #000801)
- Navy Quarry color palette (#D1E6E1, #007573, #004551, #240A61, #001B1C)
- Gentle Moss color palette (#F1E8DC, #4D9500, #006755, #4C0F78, #001D07)
- Navy Field color palette (#D4F0B9, #00927A, #005E61, #19268C, #00312B)
- Velvet Quarry color palette (#E3F4DF, #005557, #002933, #100030, #000405)
Browse the whole catalog at Explore, or see today's palette.