Worn Olive color palette — #EFF1D9 · #3E8D08 · #AF3900 · #205300 · #220500

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

The five colors

• Cream (#EFF1D9): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#3E8D08): A full-bodied, vivid green — the color of new leaves after rain.
• Terracotta (#AF3900): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Olive (#205300): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#220500): A deep, shadowed, dusty orange — the color of toasted spice.

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

Use it as a design system

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

• Brick Alley color palette (#EFEBD7, #728100, #BF032F, #414B00, #260003)
• Aged Lagoon color palette (#DCE3D6, #008C6D, #8C5A00, #00523F, #190C00)
• Hazy Bloom color palette (#D7EAD5, #197B10, #006772, #654300, #010B00)
• Washed Bronze Ridge color palette (#EAE2D2, #8E7500, #007672, #534400, #001312)
• Quiet Aubergine Station color palette (#E4E3C4, #4F7C1A, #6C005E, #1D3400, #21001C)
• Timeworn Moss color palette (#DCE6D5, #7B8E00, #004333, #00140E, #010200)
• Feathered Emerald Thicket color palette (#DEF4E4, #27A05D, #00662F, #002E11, #000501)
• Feathered Veranda color palette (#E4ECD6, #008E5D, #0060CD, #005335, #000E2A)

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