Weathered Olive color palette — #F9F3F9 · #FBA5A7 · #5A8C50 · #97585A · #22312F

A conversation between Fern and Rose Quartz, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Rose Quartz (#FBA5A7): A luminous, balanced red — the color of a theater curtain.
• Fern (#5A8C50): A full-bodied, balanced green — the color of fresh herbs.
• Walnut (#97585A): A full-bodied, balanced red — the color of embers at dusk.
• Deep Forest (#22312F): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged duotone, 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

• Softworn Dune color palette (#F6EFF7, #EDB0BB, #609161, #9C5B69, #081918)
• Stone Boulevard color palette (#FDF2F5, #E6B683, #3B8D81, #89653E, #1F3135)
• Hushed Coral color palette (#FCF3F1, #FABFC8, #72AB83, #C2707F, #2D2F28)
• Mallow Grove color palette (#F6F3FD, #E7A9D9, #A56F45, #8D5981, #38292F)
• Patina Apricot Thicket color palette (#EAFAED, #D89673, #7C7A4A, #485A77, #3E4C3C)
• Wandering Tangerine Coast color palette (#FFF0F9, #FF7029, #007938, #8F3500, #002321)
• Aged Amber Basin color palette (#FFF1F7, #C8875A, #347F73, #435374, #3F3756)
• Bronze Orchard color palette (#E0F0E0, #9C6C00, #004C2E, #442D00, #000404)

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