Pine Summit color palette — #F5F2E2 · #A4A27B · #477139 · #1F5235 · #1F1D01

Olive and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F2E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Taupe (#A4A27B): A luminous, dusty green — the color of new leaves after rain.
• Olive (#477139): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#1F5235): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#1F1D01): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Tempered Pine Veranda color palette (#F3F3E4, #89B583, #1B7F42, #005760, #042901)
• Forest Harbor color palette (#EFF1E2, #699B75, #006543, #00404E, #001807)
• Ancient Emerald Garden color palette (#EBF9F3, #A7BD8C, #618F51, #426F53, #163D35)
• Cypress Alley color palette (#DDE3CB, #277956, #004132, #002422, #000402)
• Linen Byzantium color palette (#C8E7DE, #3781BF, #8A53A6, #006A5E, #001529)
• Cobalt Orchard color palette (#F0F3ED, #A4D3C6, #4A7DC1, #005679, #0D1D46)
• Hazy Petrol Summit color palette (#E1F3FD, #4F9FD4, #0068A5, #00427F, #011A44)
• Petrol Terrace color palette (#FFEBFC, #F8C9CE, #BDACE9, #2970B0, #35192F)

Browse the whole catalog at Explore, or see today's palette.