Pine Drift color palette — #F4F8E0 · #90D38D · #BD8FE3 · #128F1E · #37134E

Built around Kelly Green, softened by Wisteria — the whole palette hums with nature and growth.

The five colors

• Cream (#F4F8E0): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#90D38D): A luminous, balanced green — the color of fresh herbs.
• Wisteria (#BD8FE3): A luminous, balanced violet — the color of a velvet chair.
• Kelly Green (#128F1E): A full-bodied, vivid green — the color of new leaves after rain.
• Deep Indigo (#37134E): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Pine Drift 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

• Hazy Pine Dune color palette (#F2F9E2, #81D599, #E583B6, #008C46, #480A30)
• Lilac Grove color palette (#FCF5DF, #C5C475, #9D97FE, #7E7B00, #251F50)
• Faded Emerald Harbor color palette (#F3F7EA, #A4E7B7, #F89ABA, #30A25F, #542838)
• Gentle Moss color palette (#D7F6F0, #68B34B, #9E59AB, #205700, #46284C)
• Coral Bloom color palette (#EFF9E9, #6AD5BE, #F67D6D, #008A75, #49120D)
• Feathered Raspberry Pier color palette (#F0FADD, #56C58D, #9F83DC, #BD4190, #002212)
• Hazy Moss Lantern color palette (#DCF5EF, #95D373, #FF8B68, #5FA730, #582313)
• Peony Villa color palette (#E9FCE2, #2EDDC9, #EF397F, #007C70, #3F001A)

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