Pine Loft color palette — #F3F7EB · #88BF97 · #BD84A6 · #418357 · #694041

A conversation between Fern and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F7EB): bright and airy, almost weightless.
• Mint Leaf (#88BF97): A luminous, balanced teal — the color of sea glass.
• Dusty Rose (#BD84A6): A luminous, balanced pink — the color of neon signs at night.
• Fern (#418357): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#694041): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Timeworn Station color palette (#FAF5E5, #B0B580, #8F94C4, #74782D, #614157)
• Timeworn Cocoa Basin color palette (#EBFAED, #7ABDC3, #C18881, #00828B, #77391D)
• Emerald Lantern color palette (#F4F7EA, #A3D2AD, #DCA37D, #4EA067, #694329)
• Tempered Lantern color palette (#F1F9E3, #60AA80, #A876A1, #956678, #41433D)
• Pine Quarry color palette (#E6F5F5, #8CC2A2, #799ECF, #038755, #1E324A)
• Hushed Workshop color palette (#E4FCF0, #63AACA, #C26F66, #006F93, #48403D)
• Sunlit Balcony color palette (#EAFBE2, #00AB95, #CA4783, #006C5D, #66173D)
• Wandering Driftwood Dune color palette (#F3F8E7, #B7E3EA, #C6C5CF, #97926D, #495441)

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