Timeworn Pine color palette — #F3F4FF · #BDA5E2 · #B19C5B · #3C844E · #21223A
Built around Fern, softened by Mauve — the whole palette hums with nature and growth.
The five colors
- Ivory (#F3F4FF): bright and airy, almost weightless.
- Mauve (#BDA5E2): A luminous, balanced violet — the color of twilight just after sunset.
- Camel (#B19C5B): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#3C844E): A full-bodied, balanced green — the color of new leaves after rain.
- Midnight (#21223A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Timeworn 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
- Worn Chapel color palette (#F4F4FF, #BD8FCA, #A18700, #007258, #0C1929)
- Lagoon Coast color palette (#F6F3FD, #E2B1D6, #9EB981, #249585, #342E40)
- Tempered Bronze color palette (#EEF6FF, #86B6F1, #D18A6B, #827300, #12263B)
- Pine Orchard color palette (#E8FBEC, #EEB8DE, #C47A7D, #207633, #392B42)
- Tempered Veranda color palette (#EFF6FF, #8FBBFF, #C8AB3B, #339FB4, #293442)
- Muted Hollow color palette (#FFF0FE, #DC7F81, #369F77, #00688E, #200D20)
- Iris Ridge color palette (#FFEBF6, #8475D8, #5A824A, #3C5C2E, #25131E)
- Fuchsia Workshop color palette (#F5F3FF, #E266EE, #6A7700, #006351, #1A001E)
Browse the whole catalog at Explore, or see today's palette.