Pine Field color palette — #F2F4DF · #74BA86 · #047F54 · #544D17 · #00290F
Built around Teal, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Cream (#F2F4DF): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#74BA86): A luminous, balanced teal — the color of glacier melt.
- Teal (#047F54): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#544D17): A full-bodied, dusty green — the color of a quiet forest floor.
- Deep Forest (#00290F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance, 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
- Fern Drift color palette (#F4F2E7, #B8B68B, #5E8055, #625500, #2A2811)
- Washed Mint color palette (#CFFFE5, #3BC68D, #008453, #00472F, #00160B)
- Softworn Studio color palette (#E7FAF5, #6FB492, #007A72, #80372B, #0C462F)
- Timeworn Ridge color palette (#EBEFDF, #5B9E7B, #00644D, #3B3C00, #0E1500)
- Moss Dune color palette (#DFE6D2, #74AC1A, #338400, #055810, #003214)
- Timeworn Emerald color palette (#E4FBF6, #9AC99D, #3D9B68, #7A6800, #1F4424)
- Hazy Clover Delta color palette (#F0F5DB, #35B450, #0089D8, #006F24, #00223C)
- Powdered Delta color palette (#E0EBC2, #009D4D, #00839C, #7B5C00, #001F0A)
Browse the whole catalog at Explore, or see today's palette.