Weathered Olive color palette — #FFECF2 · #B88047 · #686900 · #004E2D · #002427
A conversation between Olive and Caramel, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFECF2): A whisper-light, dusty rose — the color of strawberry cream.
- Caramel (#B88047): A luminous, balanced gold — the color of honey in a jar.
- Olive (#686900): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004E2D): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#002427): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Optimism, Balance. 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
- Patina Bloom color palette (#F9EEF4, #C07957, #776300, #174E1D, #33101F)
- Olive Atelier color palette (#EBF5ED, #B49955, #547F44, #005953, #391B30)
- Bronze Study color palette (#CDEACF, #956800, #3B5600, #00352B, #240001)
- Gentle Moss color palette (#E2F8EF, #7F8C00, #006D48, #004148, #001833)
- Worn Olive color palette (#D3E8E1, #5D7600, #005345, #002C3D, #100900)
- Ember Pier color palette (#FFF2ED, #CA6567, #337248, #0F4F69, #312F51)
- Hushed Stone Lagoon color palette (#FFE6F2, #DBB0BE, #6C8E75, #406563, #16383B)
- Hazy Tangerine color palette (#FFF2EA, #F28249, #977E20, #43693B, #522B2A)
Browse the whole catalog at Explore, or see today's palette.