Pine Field color palette — #DCFFE9 · #A6E5D9 · #9CBC8A · #248859 · #004B3B
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DCFFE9): A whisper-light, dusty teal — the color of shallow lagoons.
- Sea Foam (#A6E5D9): A whisper-light, dusty teal — the color of sea glass.
- Sage (#9CBC8A): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#248859): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004B3B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, 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
- Worn Petrol color palette (#D5FFFB, #C0E1F2, #71C4B6, #008089, #004A5C)
- Wandering Quarry color palette (#FFF1F6, #D7FFDE, #B8B479, #70862F, #1E4F1A)
- Softworn Mint color palette (#E6FFCB, #6DCA8A, #009470, #004947, #001316)
- Tempered Mint color palette (#FFF1F6, #E6E0A8, #A1CA88, #4C9F80, #005156)
- Weathered Teal color palette (#D2EDD8, #00B99B, #007874, #003A44, #00060B)
- Timeworn Teal Pier color palette (#E0FFDE, #98E6BC, #00A891, #005E61, #00222B)
- Patina Stone color palette (#FFEFDE, #CBBB79, #718E5C, #1A604F, #003035)
- Petrol Drift color palette (#E9FAEC, #DCE2B1, #7AB18A, #6B6BA6, #2A453F)
Browse the whole catalog at Explore, or see today's palette.