Hazy Olive Courtyard color palette — #FFF2EB · #E48561 · #788615 · #006D87 · #2B1416

Built around Olive Leaf, softened by Coral Clay — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Coral Clay (#E48561): A luminous, balanced orange — the color of sun-warmed clay.
• Olive Leaf (#788615): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#006D87): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#2B1416): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Hazy Olive Courtyard 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

• Wandering Corridor color palette (#FFF2EB, #F6956B, #009A65, #385499, #231007)
• Misty Thicket color palette (#FFF1F2, #D080BE, #977E00, #006C6E, #2C151A)
• Misty Moss color palette (#FFF2EF, #FF97AC, #6F993B, #315E90, #20284C)
• Amber Quarry color palette (#FFF4DC, #C79700, #008C71, #005D91, #270512)
• Antique Amber color palette (#FDF4E3, #AC8900, #007B88, #5A2F7C, #130800)
• Amber Drift color palette (#FCF4E4, #FFB4BE, #C6801E, #326891, #37302C)
• Patina Blush color palette (#FCF1FB, #FF8D8F, #B7A033, #8070A3, #30263A)
• Worn Bronze color palette (#E9F6E8, #A77429, #52621C, #1B5228, #110E23)

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