Timeworn Olive color palette — #F4F4FF · #AE90C8 · #C17971 · #477F2F · #302F4B

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

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Mauve (#AE90C8): A luminous, balanced violet — the color of a velvet chair.
• Caramel (#C17971): A luminous, balanced orange — the color of autumn markets.
• Olive (#477F2F): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#302F4B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Timeworn Olive 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

• Patina Amber Summit color palette (#F9F2FF, #CA87A5, #C37B54, #00816D, #3B2C45)
• Muted Blush Meadow color palette (#F9F2FF, #D280AA, #759C66, #4F7D3C, #392D42)
• Misty Rust Alley color palette (#EFF6FF, #89A4DD, #B96552, #006B73, #213564)
• Powder Harbor color palette (#FFF0FA, #9CACFF, #98A759, #6E7A37, #2E1F2A)
• Pale Study color palette (#FEE6F8, #C97566, #9C7C04, #006B84, #371A32)
• Frosted Orchard color palette (#F5F3FF, #BF87C8, #B36D87, #A95234, #342E49)
• Frosted Grove color palette (#FFF0F8, #7B73CD, #926900, #32601E, #3E2D37)
• Wisteria Dune color palette (#F4F4FF, #C983FC, #678000, #006CA7, #362046)

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