Pine Field color palette — #EBF9F1 · #88A66F · #137549 · #514C20 · #153D36
Pine and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EBF9F1): bright and airy, almost weightless.
- Moss (#88A66F): A luminous, balanced green — the color of fresh herbs.
- Pine (#137549): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#514C20): A full-bodied, dusty green — the color of a quiet forest floor.
- Forest (#153D36): 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
- Pine Study color palette (#E8FBF0, #89B16B, #007D4F, #005C64, #0B443B)
- Hazy Fern Summit color palette (#FFE2EB, #A39239, #4C6500, #004F3E, #362E00)
- Dusty Driftwood color palette (#F1F7F1, #A5CBBA, #6F8B61, #486D73, #40524A)
- Pale Jade Drift color palette (#D4E5D4, #00B58C, #007E76, #005257, #1B3455)
- Dusty Pine color palette (#D1E9DF, #4B8B48, #00513D, #2E3200, #052205)
- Patina Meadow color palette (#DFFBFF, #28B6BF, #00727A, #00424C, #002A31)
- Wandering Driftwood color palette (#F9F5E8, #B9D4A5, #76B082, #95833B, #36362F)
- Tempered Grove color palette (#D9F4FB, #00A2A0, #D03556, #006462, #54242A)
Browse the whole catalog at Explore, or see today's palette.