Pine Summit color palette — #F3F7E9 · #D6E2D4 · #A9C6B3 · #008E56 · #2C3900
Fern and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F3F7E9): a clean, paper-quiet neutral.
- Bone (#D6E2D4): A whisper-light, dusty green — the color of new leaves after rain.
- Stone (#A9C6B3): A luminous, dusty teal — the color of glacier melt.
- Fern (#008E56): A full-bodied, balanced teal — the color of sea glass.
- Forest (#2C3900): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Timeworn Jade Thicket color palette (#F1F8E9, #BFE7D3, #A6CCBE, #00B380, #283A00)
- Washed Courtyard color palette (#E9F9F8, #CFDFED, #B7C8E2, #30935E, #0A2A2A)
- Muted Olive Corridor color palette (#F9F5EA, #DFE0CB, #B5C4A2, #7E7C00, #35332C)
- Washed Bloom color palette (#EDEDD5, #6CBF98, #008A82, #3B6900, #003823)
- Timeworn Cerulean Corridor color palette (#F1F7F3, #D0DCDD, #CEBBBE, #0090A5, #333E36)
- Weathered Forest color palette (#EDF8F8, #C1D8DA, #81B0B9, #006B4B, #213738)
- Abyss Lantern color palette (#DCE2D9, #9CA89F, #6C8F82, #005146, #030D00)
- Washed Hollow color palette (#DBF0D6, #008A81, #003F4F, #00201D, #060900)
Browse the whole catalog at Explore, or see today's palette.