Washed Olive color palette — #FFF2E8 · #FF8AC0 · #C97100 · #307A00 · #372300

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

The five colors

• Cream (#FFF2E8): bright and airy, almost weightless.
• Bubblegum (#FF8AC0): A luminous, balanced rose — the color of pressed rose petals.
• Mustard (#C97100): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#307A00): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#372300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Washed 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

• Linen Amber Atelier color palette (#FFF3E4, #FF9EAD, #DF8B00, #4E9038, #403300)
• Quiet Basin color palette (#FEF2D8, #FF7E79, #BD8A00, #00765C, #242D00)
• Patina Ember color palette (#FFEFE5, #E282D9, #FC3A17, #6C6D00, #321D00)
• Amber Studio color palette (#FFE9F3, #FF978B, #E87A00, #736C00, #160B00)
• Soft Blush Veranda color palette (#F5DDC1, #FF637F, #B07900, #00634B, #131600)
• Powdered Amber Lantern color palette (#FFE0D3, #C37A00, #6C5A00, #3A4000, #00332C)
• Olive Harbor color palette (#F9E2DD, #AE8366, #667536, #5E3A4E, #37305A)
• Hazy Summit color palette (#EFE3D1, #83954C, #006637, #4C2E61, #2F2901)

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