Ancient Olive Boulevard color palette — #F3F3E4 · #8AB175 · #D56A49 · #3D7505 · #3D1E0B

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

The five colors

• Cream (#F3F3E4): bright and airy, almost weightless.
• Sage (#8AB175): A luminous, balanced green — the color of fresh herbs.
• Coral Clay (#D56A49): A luminous, balanced orange — the color of autumn markets.
• Olive (#3D7505): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#3D1E0B): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Balance. Tagged warm.

Use it as a design system

One click turns Ancient Olive Boulevard 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

• Amber Cabin color palette (#EEF4E8, #67B695, #C57A00, #007755, #3A2100)
• Soft Coral color palette (#F6F2E4, #ACA760, #CF6880, #6E6700, #411822)
• Timeworn Lime Balcony color palette (#E3FBF6, #94CA6C, #E4896D, #698D4F, #603528)
• Powdered Harbor color palette (#E2FCF6, #77B25B, #AA73A8, #487333, #543653)
• Bronze Alley color palette (#FBF0E4, #BFA788, #996A31, #6B411C, #2B2111)
• Emerald Bloom color palette (#CCECD9, #009F65, #A65D00, #005B38, #241000)
• Weathered Pier color palette (#EFF6D9, #50A265, #008EA8, #886400, #1C2107)
• Hushed Corridor color palette (#F4F3E1, #8EB25F, #009CC5, #4F710C, #02301F)

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