Weathered Olive color palette — #ECF4EE · #B6984E · #597E3F · #00594D · #092B3C

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

The five colors

• Cream (#ECF4EE): a clean, paper-quiet neutral.
• Mustard (#B6984E): A luminous, balanced gold — the color of honey in a jar.
• Olive (#597E3F): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#00594D): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#092B3C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Dusty Balcony color palette (#E8F6EF, #A2A150, #26855C, #005664, #3A1D28)
• Hushed Boulevard color palette (#F9EEF5, #CA8A74, #8A6E10, #315729, #2F2137)
• Tempered Olive color palette (#DDF3ED, #658933, #006358, #003950, #1B1300)
• Worn Driftwood color palette (#EDF4EF, #AACDBC, #7E8958, #725964, #26352E)
• Hazy Bronze Quarry color palette (#D9F3DB, #D3B87A, #A18500, #61570F, #1E4133)
• Weathered Bronze Pier color palette (#F7E9ED, #AB7634, #2E4131, #261B1E, #100A0D)
• Tempered Summit color palette (#FFF3E8, #E5A067, #8D9159, #457460, #5A392E)
• Coral Harbor color palette (#FFF2EC, #D37D6C, #447F57, #46507B, #56374B)

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