Pine Field color palette — #EEF8F3 · #8FBAAE · #558056 · #386451 · #294A42
Fern and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EEF8F3): bright and airy, almost weightless.
- Sage (#8FBAAE): A luminous, dusty teal — the color of glacier melt.
- Fern (#558056): A full-bodied, dusty green — the color of fresh herbs.
- Pine (#386451): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#294A42): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.
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
- Ancient Pine Study color palette (#E8FAF2, #8CA37D, #2C7344, #00574F, #103E36)
- Timeworn Lagoon color palette (#BAECEB, #60B79B, #008B7E, #006967, #194A67)
- Cypress Boulevard color palette (#E7F9FF, #7AC9D0, #008087, #004D4F, #003638)
- Coral Villa color palette (#E3FAFF, #58B1A9, #C5687D, #00756F, #5F333C)
- Antique Thicket color palette (#FAF5E6, #C6E0A3, #8FB98F, #999072, #4A4400)
- Weathered Lagoon color palette (#FAF4EB, #C9C6A1, #56A17B, #8E6B27, #4A4400)
- Antique Lagoon color palette (#D9ECE6, #558857, #005237, #003636, #002204)
- Aged Petrol Ridge color palette (#F1F7F2, #C9DFF4, #708BB6, #006D84, #394765)
Browse the whole catalog at Explore, or see today's palette.