Weathered Olive color palette — #F5F7E8 · #9ABB8C · #A78CB9 · #568045 · #63424D

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Sage (#9ABB8C): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#A78CB9): A luminous, dusty violet — the color of twilight just after sunset.
• Fern (#568045): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#63424D): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, 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

• Bronze Alley color palette (#FCF4E6, #C3AE77, #8697C9, #886F2B, #5F4259)
• Hushed Grove color palette (#EEF9EB, #77BFB6, #BF8697, #04847A, #64443F)
• Wandering Pine color palette (#F0F4E7, #95C09E, #A68ECE, #2B8649, #462533)
• Emerald Basin color palette (#E7FAF7, #AAD1A6, #C1A3D8, #57A052, #4B4967)
• Aged Jade Field color palette (#F4F8DE, #77A676, #7089BC, #A1635E, #42433C)
• Patina Bronze color palette (#FFF3E7, #C8B59A, #A6743D, #854E21, #5C4300)
• Tempered Chapel color palette (#F2FAD9, #AED7B4, #619470, #2F5B3C, #313C00)
• Dusty Stone Ridge color palette (#F2F7EF, #D5BC96, #506546, #2E3E26, #1A2822)

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