Pine Loft color palette — #E5F6F5 · #7CB291 · #C07B3B · #007847 · #3D1F00

Built around Pine, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Ivory (#E5F6F5): bright and airy, almost weightless.
• Jade (#7CB291): A luminous, dusty teal — the color of shallow lagoons.
• Caramel (#C07B3B): A luminous, balanced gold — the color of afternoon light on wheat.
• Pine (#007847): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#3D1F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, 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

• Amber Summit color palette (#E0F6FD, #59B5B5, #A48C16, #007374, #2F2700)
• Coral Market color palette (#E2F8EE, #A3AA6C, #C96F75, #656B00, #46131A)
• Powdered Pier color palette (#F2F8E8, #6BB187, #C86485, #007947, #5E3630)
• Cocoa Ridge color palette (#E9F5ED, #8CB79F, #827448, #634700, #0F281E)
• Tempered Bloom color palette (#DDF8FA, #3EA187, #2288BF, #736E00, #002427)
• Cypress Alley color palette (#E9F4F8, #A4BC90, #006264, #002E2F, #020F13)
• Cypress Parlor color palette (#E5F5FA, #80C0C3, #A192C9, #008286, #2A2E4E)
• Antique Lagoon Study color palette (#D3FAFF, #7EC9B9, #008C77, #00493C, #001F18)

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