Pine Loft color palette — #E7E2F4 · #00732A · #301B17 · #280025 · #070006

Olive takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#E7E2F4): A whisper-light, dusty violet — the color of a velvet chair.
• Olive (#00732A): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#301B17): A deep, shadowed, dusty orange — the color of autumn markets.
• Deep Indigo (#280025): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#070006): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged luxury, dark, muted.

Use it as a design system

One click turns Pine Loft 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

• Inked Forest color palette (#DFDFED, #007146, #200035, #1C0305, #05000B)
• Twilit Fern Balcony color palette (#EBDDE8, #5C6500, #382818, #2E0100, #090000)
• Olive Coast color palette (#F0E1ED, #748400, #500007, #231508, #1B0001)
• Garnet Courtyard color palette (#E7E0E7, #A9939C, #567A64, #560013, #0F060F)
• Pale Pier color palette (#FBDCDC, #839000, #77205E, #2C0020, #070001)
• Muted Lantern color palette (#F5DDE5, #AC9000, #563100, #2A1500, #200410)
• Smoked Mulberry color palette (#ECE7F4, #9E007B, #1D2F00, #39002A, #000202)
• Tempered Archive color palette (#F5EAF7, #8DA755, #7A1332, #3F0B19, #1C111E)

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