Pine Loft color palette — #F5F7E7 · #7FAE77 · #AB6FB6 · #227A0F · #56325C

Olive and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F7E7): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#7FAE77): A luminous, balanced green — the color of fresh herbs.
• Dusty Rose (#AB6FB6): A luminous, balanced pink — the color of neon signs at night.
• Olive (#227A0F): A full-bodied, balanced green — the color of a quiet forest floor.
• Royal Purple (#56325C): A deep, shadowed, balanced pink — the color of peonies in June.

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

• Hushed Chapel color palette (#F1F8E9, #65B196, #C36984, #00785B, #62303F)
• Weathered Grove color palette (#F9F6E4, #9BA66F, #6A85D6, #606E00, #334067)
• Hazy Plum color palette (#EFFADF, #3A9D72, #846AB8, #A53A79, #363932)
• Ancient Azure Garden color palette (#DFF8F6, #77B584, #2694E1, #007935, #0F2940)
• Timeworn Periwinkle color palette (#F4F7E9, #86CC86, #44AEF5, #4E934F, #214660)
• Raspberry Alley color palette (#DBECC7, #009C72, #BD00A2, #005D43, #520046)
• Powdered Chartreuse Loft color palette (#E2FBF7, #9DE18F, #E0A5E8, #7AAF6F, #523755)
• Antique Bronze color palette (#FFF3E6, #B9A47E, #92693B, #75432F, #3F3D36)

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