Pine Loft color palette — #F2EFDF · #538955 · #004737 · #3A000E · #000200
A conversation between Fern and Ink, giving this palette its sense of nature and growth.
The five colors
- Cream (#F2EFDF): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#538955): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004737): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#3A000E): A deep, shadowed, balanced red — the color of embers at dusk.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Hushed Abyss color palette (#E7DFD2, #75823C, #044A0B, #241A00, #010100)
- Fern Summit color palette (#D6F2E6, #0F7115, #003426, #32000C, #000900)
- Hazy Aubergine color palette (#F0EFCC, #58881B, #641792, #1C3200, #020006)
- Ancient Fern Villa color palette (#FDF4E6, #A1A772, #2E711B, #4D3800, #070800)
- Hushed Aubergine color palette (#DEEAD8, #326300, #650095, #52005C, #000200)
- Weathered Boulevard color palette (#DBE5D7, #8CBEA3, #009AAE, #4F4300, #000201)
- Antique Cocoa Lagoon color palette (#F5F7E5, #8FC9B3, #008788, #83351A, #001E15)
- Dusty Nightshade Boulevard color palette (#F9ECDF, #7AA7CE, #2E4AAA, #002A30, #010008)
Browse the whole catalog at Explore, or see today's palette.