Weathered Olive color palette — #ECF4F0 · #C9DADB · #A1BEB7 · #6C6800 · #16241E

Built around Olive, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Cream (#ECF4F0): a clean, paper-quiet neutral.
• Silver (#C9DADB): bright and airy, almost weightless.
• Ash (#A1BEB7): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#6C6800): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#16241E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Chestnut Terrace color palette (#F7EFF2, #DDD3D2, #AEBBAF, #965000, #281D22)
• Weathered Forest color palette (#EBF4F3, #C4D9D9, #85B5BA, #006E33, #011F1E)
• Fern Thicket color palette (#E9F5ED, #A6A36F, #636A2E, #544505, #002315)
• Muted Driftwood Harbor color palette (#EFF7F3, #CFDFE2, #ABB7C8, #978B3F, #25322A)
• Weathered Market color palette (#DBE3E0, #A5B8B3, #729690, #3F4900, #000E09)
• Cypress Boulevard color palette (#CBE8E5, #74A9AC, #3A7F77, #38536E, #202D4D)
• Olive Study color palette (#DBF1EC, #417500, #002C29, #00100D, #000302)
• Worn Forest color palette (#D7F0E6, #769656, #096D38, #003F51, #071E01)

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