Pine Field color palette — #E0E3CF · #0B821C · #005E8C · #03430A · #000912
Built around Olive Leaf, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Parchment (#E0E3CF): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#0B821C): A full-bodied, vivid green — the color of fresh herbs.
- Peacock (#005E8C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#03430A): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#000912): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Muted Olive Courtyard color palette (#EFE8CD, #6E7000, #00646F, #383900, #000A0C)
- Wandering Cypress color palette (#DAE3D2, #007E5E, #7B4C00, #00412F, #0F0600)
- Emerald Market color palette (#D2E7E4, #26A115, #007DB3, #146409, #001D2E)
- Weathered Loft color palette (#D3EBD9, #009B4B, #005A20, #002008, #000200)
- Softworn Lapis Station color palette (#DFEAD9, #009C86, #4B52FF, #00594C, #0B024C)
- Feathered Bloom color palette (#E9ECDD, #69C19E, #00A28F, #2A5F09, #001007)
- Eclipse Archive color palette (#E3F1E4, #00575B, #490092, #002425, #020007)
- Bronze Lantern color palette (#E5F8E5, #00AEB0, #968300, #00696A, #272000)
Browse the whole catalog at Explore, or see today's palette.