Pine Summit color palette — #F9F0C0 · #8FB56F · #068E59 · #005A53 · #00424B
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Custard (#F9F0C0): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#8FB56F): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#068E59): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#005A53): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#00424B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Pine Summit 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
- Wandering Grove color palette (#D3F9C9, #77C787, #358B63, #005644, #002A24)
- Washed Lagoon Parlor color palette (#DDFAC7, #71BD99, #008D87, #005C6B, #00436B)
- Antique Olive Garden color palette (#FFF3E6, #B8A856, #5F8420, #005E33, #004940)
- Worn Mulberry Boulevard color palette (#FFF2EA, #8DA15B, #007B6C, #73345B, #3D3E37)
- Pale Emerald color palette (#E7F1CE, #00AD5C, #006C5C, #004046, #00293B)
- Worn Cabin color palette (#F6F5EF, #D5DDD6, #ACC8BC, #697D3F, #49483D)
- Pale Station color palette (#F3F7E9, #EED986, #53CD65, #00A6B3, #3D4039)
- Nightshade Courtyard color palette (#A7FABF, #00BAAC, #007B8C, #004B70, #1A1897)
Browse the whole catalog at Explore, or see today's palette.