Pine Loft color palette — #F2F7EA · #80CAA1 · #D48FDE · #00905B · #5C353E

Fern and Pink Orchid set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F7EA): bright and airy, almost weightless.
• Mint Leaf (#80CAA1): A luminous, balanced teal — the color of sea glass.
• Pink Orchid (#D48FDE): A luminous, balanced pink — the color of peonies in June.
• Fern (#00905B): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5C353E): A deep, shadowed, dusty red — the color of late-summer berries.

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

• Wandering Pier color palette (#EEF9EA, #53CFBE, #E97E9D, #009486, #5B3832)
• Pale Studio color palette (#FAF6E1, #B4C072, #D386C8, #7D882D, #563552)
• Linen Workshop color palette (#E5FAF9, #A1E8B5, #E2A0E2, #3CA062, #492C49)
• Weathered Corridor color palette (#E3FBF9, #5BB675, #AF6DB4, #257841, #443D5C)
• Worn Blush Archive color palette (#F6F8DE, #82B56B, #E26B91, #C0614D, #383932)
• Jade Atelier color palette (#F3F8E6, #A5DCAE, #F2AB81, #63B373, #5D3821)
• Rose Coast color palette (#E0FEEC, #32D4F9, #EB4267, #00859F, #651D2B)
• Hushed Orchard color palette (#F1E1DC, #FFABE3, #00E18E, #464942, #282C22)

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