Pine Loft color palette — #F1F8E7 · #6DB08F · #B87285 · #007951 · #632F3F

Built around Pine, softened by Dusty Rose — the whole palette hums with balance.

The five colors

• Ivory (#F1F8E7): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#6DB08F): A luminous, balanced teal — the color of sea glass.
• Dusty Rose (#B87285): A luminous, balanced red — the color of late-summer berries.
• Pine (#007951): A full-bodied, balanced teal — the color of shallow lagoons.
• Mulberry (#632F3F): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Balance. Tagged warm.

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

• Timeworn Olive color palette (#F7F7E5, #88AD68, #AA73AA, #4A7319, #543655)
• Worn Cypress color palette (#EEF8EF, #77BEC2, #C98381, #008289, #534B48)
• Patina Lagoon Orchard color palette (#ECFBDE, #219E80, #A76089, #935263, #303D23)
• Frosted Balcony color palette (#F1F9E7, #84C9AA, #D29755, #00976C, #5D3909)
• Hazy Rust color palette (#DCFFEB, #00A4C8, #CA5600, #00677F, #622600)
• Airy Bloom color palette (#DFF7F9, #6FB49E, #738ACD, #00765E, #17234F)
• Weathered Basalt Corridor color palette (#FEF4E0, #B1A87E, #7E7246, #6A4A24, #3F4000)
• Wandering Plum color palette (#D0EECF, #009896, #CC0063, #005A59, #590028)

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