Pine Field color palette — #CCE7E0 · #0C7E1E · #004221 · #002329 · #000400
A conversation between Olive and Forest, giving this palette its sense of nature and growth.
The five colors
- Silver (#CCE7E0): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive (#0C7E1E): A full-bodied, vivid green — the color of a quiet forest floor.
- Forest (#004221): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#002329): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.
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
- Obsidian Loft color palette (#C4ECEE, #007966, #00403B, #002136, #000403)
- Olive Grove color palette (#E0F1E7, #6B6D00, #313C00, #00251E, #030300)
- Antique Olive Boulevard color palette (#DDF6EE, #518A22, #04530F, #441D08, #000A08)
- Muted Jade color palette (#C1F0E9, #0BB162, #006C4B, #004656, #001C0A)
- Ancient Field color palette (#D4E4D5, #818B37, #00642A, #591D4A, #0F1100)
- Chalky Lantern color palette (#CEE9D9, #6FA003, #005D31, #341C51, #010100)
- Aged Pier color palette (#E2F8EE, #94AA61, #4D7030, #573D50, #01221A)
- Timeworn Chapel color palette (#D1EEEA, #3498AB, #005265, #002B2D, #000509)
Browse the whole catalog at Explore, or see today's palette.