Worn Pine color palette — #F6F3FF · #C286C1 · #AD8947 · #1E834E · #352E46

Built around Fern, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Mauve (#C286C1): A luminous, balanced pink — the color of peonies in June.
• Caramel (#AD8947): A luminous, balanced gold — the color of honey in a jar.
• Fern (#1E834E): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#352E46): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Softworn Bronze Balcony color palette (#F8F2FF, #BD749E, #AB702A, #006C5A, #26273B)
• Iris Pier color palette (#F0F5FF, #8998E6, #9D904A, #7E6F0F, #27324B)
• Patina Ash Coast color palette (#F5F3FF, #C399CE, #95A365, #2F879C, #3D3B4B)
• Hushed Quarry color palette (#E7FBF1, #CB9ED6, #BA6D70, #00717B, #443555)
• Softworn Lantern color palette (#FFF1F7, #BB9FFF, #69B176, #507F5F, #311E27)
• Feathered Amber color palette (#FFE7F0, #C57C2B, #449451, #006895, #371D28)
• Antique Peony Quarry color palette (#FFF1F1, #B55E97, #A35D00, #625200, #452B2C)
• Airy Grove color palette (#F4F4FF, #DA9BFF, #EA937D, #5A99B8, #323043)

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