Weathered Olive color palette — #FBF3EF · #CBE8E3 · #70A0BE · #627836 · #62495E

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

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Honeydew (#CBE8E3): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#70A0BE): A luminous, dusty blue — the color of deep harbor water.
• Olive (#627836): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#62495E): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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 Cypress color palette (#FAF4EE, #C9E8EA, #AD8EA8, #3B7B77, #664857)
• Turquoise Lantern color palette (#E4FCED, #50A5BB, #B07B60, #866C42, #34483C)
• Tempered Cypress Terrace color palette (#EEF3EF, #D1DBEA, #66A6C0, #107B73, #1E394E)
• Dusty Petrol Drift color palette (#EAFAED, #6BBFC8, #C3896D, #00828C, #524C47)
• Timeworn Villa color palette (#E7FBEE, #C3E5EB, #EDC8D1, #899474, #3C514A)
• Soft Workshop color palette (#FCF3EC, #96D8FA, #517FC8, #00675D, #3E366E)
• Softworn Harbor color palette (#FFF2EE, #B2CEB1, #2F839E, #2E6034, #1D3C5D)
• Tempered Pier color palette (#DEFEF0, #A3D7F3, #508DAD, #1B5975, #154432)

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