Timeworn Emerald color palette — #E4F7F3 · #679555 · #6067A8 · #66374B · #151F15

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

The five colors

• Ivory (#E4F7F3): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#679555): A luminous, balanced green — the color of fresh herbs.
• Slate (#6067A8): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#66374B): A full-bodied, dusty rose — the color of a warm blush.
• Onyx (#151F15): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Weathered Teal Summit color palette (#E4F6F7, #4FB18F, #5970A4, #693D49, #122E20)
• Worn Moss Harbor color palette (#E9F5EF, #939222, #44749A, #4F466A, #25161E)
• Dusty Mulberry color palette (#E4F5FC, #00868D, #934271, #61360E, #001917)
• Pale Aubergine Workshop color palette (#D3FBFB, #00875A, #6329AE, #6C0116, #0D0B00)
• Muted Balcony color palette (#DEF2F5, #009788, #293F48, #142123, #060E0E)
• Lagoon Hollow color palette (#EAF4F4, #CFD9DF, #ABACB6, #5A8D8B, #2E3838)
• Wandering Boulevard color palette (#FAF4EB, #BAA45C, #A978A2, #96585F, #39332E)
• Mint Bloom color palette (#D4FFD9, #88CBAB, #4A958A, #00626C, #00303D)

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