Pine Field color palette — #FDE9E0 · #00794C · #004552 · #480900 · #001B17
Pine takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.
The five colors
- Rose Water (#FDE9E0): A whisper-light, dusty orange — the color of toasted spice.
- Pine (#00794C): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#004552): A deep, shadowed, dusty blue — the color of open sky before noon.
- Espresso (#480900): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#001B17): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Quiet Olive Courtyard color palette (#ECDFD6, #497500, #004743, #470028, #001C0A)
- Muted Navy Atelier color palette (#E8DCD1, #007572, #003E6E, #371D00, #001A1F)
- Denim Coast color palette (#FAE0C1, #00908A, #00558F, #4F3100, #002F37)
- Timeworn Corridor color palette (#F1E0D0, #8C7833, #3F4B00, #003827, #221A00)
- Midnight Abyss color palette (#D7E6D7, #005051, #24292F, #00111B, #000404)
- Ancient Garnet color palette (#DDE9D7, #6D8460, #255E7D, #5E200B, #312300)
- Obsidian Pier color palette (#F6EDDD, #005461, #100073, #120D00, #000408)
- Hushed Aubergine Study color palette (#ECEED7, #00948D, #006471, #322281, #001B1B)
Browse the whole catalog at Explore, or see today's palette.