Pine Loft color palette — #FDEDF2 · #A5A36E · #47713E · #434167 · #002316

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Blush (#FDEDF2): bright and airy, almost weightless.
• Sage (#A5A36E): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#47713E): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#434167): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#002316): A deep, shadowed, dusty teal — the color of sea glass.

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

• Teal Basin color palette (#E4F7F0, #77AF8C, #24726E, #5A3956, #002221)
• Aged Cabin color palette (#ECF9EF, #7EA592, #576C28, #55406B, #1A3D2E)
• Denim Veranda color palette (#FDF3E9, #B6B889, #5F8E5F, #5B5C96, #37352F)
• Driftwood Courtyard color palette (#FCF4E8, #D5D3A1, #7F9357, #7C5764, #2F270E)
• Washed Abyss color palette (#E0F2E2, #72803E, #005229, #2D1E4F, #060900)
• Patina Field color palette (#E9F5F1, #A1CDCD, #598C99, #665C73, #1A3637)
• Wandering Pewter color palette (#FFEAFC, #F9CAA1, #9BB68B, #8C5277, #331B29)
• Terracotta Terrace color palette (#F5E3EF, #CC7661, #008D92, #952B10, #002123)

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