Pine Loft color palette — #F4E8D3 · #3E7B38 · #004F57 · #450400 · #1D0100
A conversation between Olive and Espresso, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F4E8D3): A whisper-light, dusty gold — the color of old brass.
- Olive (#3E7B38): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Teal (#004F57): A deep, shadowed, dusty blue — the color of deep harbor water.
- Espresso (#450400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#1D0100): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged vintage, retro, 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
- Weathered Olive Thicket color palette (#FBE7DA, #6B6E16, #005644, #410C2A, #1D000F)
- Patina Lagoon color palette (#E3F1DE, #008768, #005863, #3B2240, #350319)
- Cypress Hollow color palette (#E7EDCD, #007062, #003E61, #250F00, #0C0300)
- Olive Bloom color palette (#DEEEE2, #577326, #004129, #271D00, #020300)
- Lagoon Delta color palette (#F1ECD6, #539B72, #006677, #602F36, #35140B)
- Garnet Field color palette (#DBF7EB, #005740, #721900, #4E1E00, #000201)
- Muted Meadow color palette (#D2EDF4, #006964, #8A0035, #00312E, #0A0001)
- Muted Aubergine color palette (#E0EEDB, #4DAC8E, #00727A, #501D59, #120005)
Browse the whole catalog at Explore, or see today's palette.