Pine Field color palette — #F9F6E5 · #7DA56F · #2B7B56 · #005574 · #3D3E37
Built around Teal, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F6E5): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#7DA56F): A luminous, balanced green — the color of fresh herbs.
- Teal (#2B7B56): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#005574): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#3D3E37): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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
- Olive Alley color palette (#FFF4DD, #AA965A, #696F2E, #005B53, #403D36)
- Washed Denim color palette (#F6F7E3, #80B4A3, #2C8685, #3E578F, #3E4D37)
- Washed Quarry color palette (#FFF1F7, #B6B763, #009E76, #824E7D, #24443D)
- Airy Aubergine Station color palette (#F4F9D7, #00A0A0, #006C80, #4A15A9, #003E42)
- Quiet Chartreuse Loft color palette (#E4FCF1, #A7DA76, #6FB786, #418CA8, #1F4540)
- Wandering Cypress Corridor color palette (#FFEEE1, #A1A155, #007E5E, #61335C, #25240F)
- Ancient Petrol color palette (#ECFBE1, #A9C2A6, #6A8A71, #586489, #634354)
- Lagoon Veranda color palette (#EAE7BD, #009461, #006056, #00376E, #003224)
Browse the whole catalog at Explore, or see today's palette.