Pine Loft color palette — #DFFDF7 · #7BB070 · #A672B7 · #3A762D · #53345D

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

The five colors

• Ivory (#DFFDF7): A whisper-light, dusty teal — the color of sea glass.
• Jade (#7BB070): A luminous, balanced green — the color of fresh herbs.
• Dusty Rose (#A672B7): A luminous, balanced pink — the color of neon signs at night.
• Olive (#3A762D): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Purple (#53345D): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Olive Terrace color palette (#E3FCF0, #A5A45B, #8680C2, #6C6900, #403B68)
• Misty Pine color palette (#E0F8F4, #82B379, #A879B4, #1F7905, #381641)
• Feathered Cypress color palette (#DFFCFE, #5DB299, #B5718F, #00775F, #603046)
• Airy Emerald color palette (#F4F7E9, #8FC898, #BB90DB, #1F9948, #4F3562)
• Pale Cobalt Thicket color palette (#D7FFFA, #5A9A62, #5E78BC, #995149, #12403D)
• Plum Harbor color palette (#BBF1F1, #27AD7A, #A90084, #005E3E, #540040)
• Timeworn Crimson Lantern color palette (#E5F9FF, #00A9A9, #DA3956, #006A6A, #651E28)
• Weathered Studio color palette (#FFF1F5, #B9A47C, #8F6A42, #6D4731, #2B4336)

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