Pine Summit color palette — #F8F2E0 · #8CAB76 · #00784B · #2F4F37 · #1E1D08
Pine and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F8F2E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#8CAB76): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#00784B): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#2F4F37): A deep, shadowed, dusty teal — the color of sea glass.
- Onyx (#1E1D08): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, 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
- Wandering Lantern color palette (#F6F6E9, #7CA87B, #247446, #425037, #35362F)
- Dusty Thicket color palette (#F9F0E5, #A5A464, #43741C, #5C3950, #231B02)
- Emerald Thicket color palette (#E6E4D5, #5C9F68, #006452, #492C4D, #111400)
- Weathered Navy Delta color palette (#F1E2D1, #A4972C, #476700, #2E3281, #1A1600)
- Patina Orchard color palette (#F8F0EC, #B1D1B8, #1188AF, #005E48, #002720)
- Timeworn Mint color palette (#E7FBF0, #9BC281, #4A916D, #416A79, #1C3C36)
- Pine Parlor color palette (#F3F0E2, #4A8A48, #00503D, #003039, #070900)
- Faded Pier color palette (#FCE7FA, #4678D5, #936300, #406800, #200A1F)
Browse the whole catalog at Explore, or see today's palette.