Pine Garden color palette — #DAFFF0 · #A8BB8A · #608F53 · #2F7545 · #1E585A
Pine takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#DAFFF0): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#A8BB8A): A luminous, dusty green — the color of fresh herbs.
- Fern (#608F53): A luminous, balanced green — the color of new leaves after rain.
- Pine (#2F7545): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#1E585A): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Pine Garden 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
- Timeworn Chestnut color palette (#EFF8EF, #A4C0AB, #6B8A6B, #79543A, #384D42)
- Jade Cabin color palette (#FFF4DF, #C6CD89, #73AE66, #45896E, #445843)
- Antique Lagoon color palette (#D6FFFE, #86C8B7, #1E9791, #007277, #2F586A)
- Chalky Archive color palette (#E6FAF8, #96BB97, #BA83B5, #31873D, #61405E)
- Tempered Alley color palette (#FFF1F6, #C9A879, #967F33, #726700, #2B5A4C)
- Weathered Teal Corridor color palette (#E2F4E9, #37AB8E, #008475, #005658, #0E3851)
- Rust Courtyard color palette (#E4FBF9, #74A582, #7685C4, #AE5B4A, #2A4947)
- Washed Cypress color palette (#D5F4F2, #00797F, #004653, #002839, #001322)
Browse the whole catalog at Explore, or see today's palette.