Pine Loft color palette — #CAE7E2 · #987B00 · #127513 · #004644 · #000200

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

The five colors

• Silver (#CAE7E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Ochre (#987B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Olive (#127513): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004644): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Olive Pier color palette (#CFE6E7, #698400, #007553, #003E50, #000201)
• Bronze Chapel color palette (#D4E6DD, #BB5E00, #606100, #004B31, #010100)
• Midnight Grove color palette (#E3E0C1, #356F3E, #003940, #36031A, #080002)
• Fern Courtyard color palette (#D1E5D5, #555F00, #043404, #1B1200, #010100)
• Pale Emerald Parlor color palette (#EDEEDF, #98AA00, #4C9100, #007141, #000200)
• Timeworn Canyon color palette (#D1E3E6, #89AD00, #009588, #005786, #000405)
• Smoked Garnet Pier color palette (#CEF9FD, #005A49, #72002E, #00251C, #040001)
• Weathered Corridor color palette (#CCEFFE, #00A568, #00858C, #1339C6, #000305)

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