Pine Summit color palette — #FFE7F0 · #BE9F18 · #158E4C · #6D3E82 · #11382C
Fern takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FFE7F0): A whisper-light, dusty rose — the color of pressed rose petals.
- Mustard (#BE9F18): A luminous, balanced green — the color of new leaves after rain.
- Fern (#158E4C): A full-bodied, balanced teal — the color of shallow lagoons.
- Plum (#6D3E82): A full-bodied, balanced violet — the color of wild irises.
- Deep Forest (#11382C): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.
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
- Hushed Moss Villa color palette (#FFE7F3, #8DB052, #008A7E, #833462, #003936)
- Amber Coast color palette (#DFF6E0, #DF8B37, #6E8200, #504B8B, #1F3724)
- Patina Villa color palette (#FFF4E2, #BEBB65, #499053, #43488D, #272201)
- Timeworn Pewter color palette (#FFEADE, #DFB25F, #53AC7B, #8E5DA2, #32302A)
- Patina Amber Bloom color palette (#E7F7E9, #BE8C11, #008090, #773166, #471A27)
- Olive Thicket color palette (#EFF8EE, #BFB678, #6D8C40, #7C5D32, #213C2F)
- Airy Aubergine Summit color palette (#F8E9EF, #8B8400, #006949, #5B0B60, #0F1A00)
- Moss Lagoon color palette (#F9EECF, #838F00, #316A13, #004952, #31312A)
Browse the whole catalog at Explore, or see today's palette.