Pine Field color palette — #ECF9F0 · #8DBBAB · #518154 · #5B537B · #2D4940
Built around Fern, softened by Graphite — the whole palette hums with nature and growth.
The five colors
- Ivory (#ECF9F0): bright and airy, almost weightless.
- Sage (#8DBBAB): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#518154): A full-bodied, balanced green — the color of new leaves after rain.
- Graphite (#5B537B): A full-bodied, dusty violet — the color of wild irises.
- Forest (#2D4940): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Hushed Field color palette (#ECF8F4, #A7C8C6, #578D81, #68617E, #365352)
- Pine Studio color palette (#EDF8F2, #90A279, #237445, #573E6C, #033F35)
- Pine Coast color palette (#F3F3E7, #B4B78D, #50835A, #435C49, #282912)
- Wandering Cypress color palette (#F9F3F8, #C7E1EC, #4594B8, #00735C, #324A64)
- Oat Quarry color palette (#FCF4E6, #C9DFA2, #87BB91, #A58693, #43433B)
- Feathered Terrace color palette (#F6F3FF, #BF8BBC, #3A9F72, #914090, #144E35)
- Antique Onyx color palette (#DFEFE7, #608655, #005239, #44164F, #062100)
- Muted Pine Chapel color palette (#F8F2FF, #B66D97, #4B8D50, #007B61, #3F314D)
Browse the whole catalog at Explore, or see today's palette.