Worn Terrace color palette — #F3ECE1 · #8E7100 · #364E00 · #463600 · #020200

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

The five colors

• Cream (#F3ECE1): bright and airy, almost weightless.
• Ochre (#8E7100): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#364E00): A deep, shadowed, balanced green — the color of fresh herbs.
• Espresso (#463600): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Tempered Terrace color palette (#F0ECE2, #A9A593, #8B8868, #4D4600, #0E0800)
• Softworn Olive color palette (#E4E4D4, #4F852C, #00523B, #1E4200, #000201)
• Olive Villa color palette (#F0E7C8, #596D00, #064B0A, #00242C, #020400)
• Timeworn Grove color palette (#EADCD4, #B5542E, #5E3D00, #621E00, #030100)
• Hushed Coast color palette (#F0EDD6, #9B9500, #698200, #00651A, #010400)
• Lowlit Lantern color palette (#F6ECE2, #814D00, #003127, #2D1700, #010200)
• Hushed Amber color palette (#F0DDE3, #C27600, #00755F, #7D4A00, #000203)
• Misty Pine color palette (#EEEBDF, #A7AB57, #008A27, #666900, #0D0F00)

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