Timeworn Olive color palette — #FFF2EB · #BA6749 · #5E7E00 · #14623A · #38312D
Built around Olive Leaf, softened by Mocha — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Mocha (#BA6749): A luminous, balanced orange — the color of toasted spice.
- Olive Leaf (#5E7E00): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#14623A): A full-bodied, balanced teal — the color of shallow lagoons.
- Espresso (#38312D): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Amber Courtyard color palette (#FFF2EB, #BD7258, #796000, #235522, #532838)
- Hushed Terrace color palette (#FDF4E7, #A97600, #00865B, #00605E, #37322C)
- Feathered Peony color palette (#FFF1F2, #B45E9B, #9F5F22, #655000, #442B2C)
- Worn Olive color palette (#F3EFDC, #6E7800, #006F74, #004B69, #2D2608)
- Fern Coast color palette (#F2D9C2, #905000, #166507, #004238, #2B1400)
- Chalky Wisteria Thicket color palette (#F5F3FF, #C57FD4, #3EA47E, #457C64, #332F45)
- Quiet Orchid Thicket color palette (#FFECF1, #AD61C9, #148965, #1A5F4F, #261319)
- Antique Pewter color palette (#FBF3F2, #E0D9D2, #CABDAE, #9A6072, #524442)
Browse the whole catalog at Explore, or see today's palette.