Weathered Olive color palette — #EDF8F1 · #90BAA9 · #657C4E · #316077 · #2A4A3D

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

The five colors

• Ivory (#EDF8F1): a clean, paper-quiet neutral.
• Sage (#90BAA9): A luminous, dusty teal — the color of sea glass.
• Olive (#657C4E): A full-bodied, dusty green — the color of a quiet forest floor.
• Peacock (#316077): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Forest (#2A4A3D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged botanical, earthy, muted, cool.

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

• Tempered Terrace color palette (#EEF8F5, #AAC8C4, #5C8B8C, #556781, #375350)
• Antique Cypress Coast color palette (#E2FBF8, #6BB498, #007A70, #4E4880, #0E4533)
• Softworn Olive Cabin color palette (#F8EFF3, #C3B282, #677F3C, #545072, #182D20)
• Aged Drift color palette (#FCF3EC, #D4C29E, #7D9B4E, #896670, #563E00)
• Forest Delta color palette (#D8F2E7, #7B9E65, #006D35, #004281, #1A3601)
• Petrol Pier color palette (#EFF8F1, #C9DFF6, #708ABE, #006D89, #3B4764)
• Hazy Loft color palette (#F4F4FF, #B092C1, #74973E, #873EAA, #364A17)
• Bronze Dune color palette (#F5F3FF, #A077A9, #9E7213, #00787D, #383350)

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