Pine Summit color palette — #FFF4E0 · #93AE70 · #217B56 · #644E00 · #3B3B34
Built around Teal, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
- Sage (#93AE70): A luminous, balanced green — the color of new leaves after rain.
- Teal (#217B56): A full-bodied, balanced teal — the color of glacier melt.
- Bronze (#644E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Charcoal (#3B3B34): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Gentle Pine color palette (#E3F8ED, #9AB177, #2C7F30, #534E00, #192501)
- Hushed Dune color palette (#FFF3E9, #BAA156, #5A7425, #005E57, #3E3A34)
- Aged Studio color palette (#EBE4D4, #71995F, #00644D, #463E12, #1A300E)
- Chalky Corridor color palette (#FBF6DA, #6AB68B, #007976, #733B5A, #0C462B)
- Feathered Villa color palette (#FBF5E4, #ACC685, #489C4A, #706C1E, #324018)
- Tempered Coast color palette (#FAF4ED, #C7C2A0, #798945, #536D5C, #594D00)
- Faded Jade color palette (#E7F0E3, #00B965, #008074, #005A62, #1F3A5D)
- Aged Lilac Veranda color palette (#E8FDDD, #DBE8FB, #AFA6FD, #61823E, #335138)
Browse the whole catalog at Explore, or see today's palette.