Pine Loft color palette — #ECEDDF · #45854C · #00532F · #00323A · #000901

A conversation between Fern and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#ECEDDF): bright and airy, almost weightless.
• Fern (#45854C): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#00532F): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Forest (#00323A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000901): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Lowlit Onyx color palette (#F0E9D8, #4E6720, #003518, #20013D, #040700)
• Tempered Alley color palette (#EFE4D1, #807631, #474900, #4E1123, #070600)
• Softworn Denim color palette (#E1E3D5, #669CA9, #00627A, #003B3E, #000B13)
• Soft Pine color palette (#DBECE2, #739644, #007540, #523A71, #030700)
• Dusty Harbor color palette (#F4E7CF, #A1943D, #646502, #6D2D37, #1F1B00)
• Cypress Balcony color palette (#E1E8D5, #72B49D, #118473, #275B78, #202E11)
• Clover Hollow color palette (#EFEDD2, #85BE62, #3C8B41, #854828, #1B3607)
• Softworn Atelier color palette (#FCF4E6, #BDB77B, #818642, #7F584F, #38352E)

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