Olive Courtyard color palette — #F4DADF · #DA8F4E · #398129 · #57406F · #452860

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

The five colors

• Shell Pink (#F4DADF): A whisper-light, dusty red — the color of embers at dusk.
• Mustard (#DA8F4E): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#398129): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#57406F): A full-bodied, balanced violet — the color of wild irises.
• Royal Purple (#452860): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Airy Pine color palette (#FAD9D4, #BC941E, #058A31, #6D306E, #5B1E37)
• Timeworn Station color palette (#EFD7EE, #D6837A, #876800, #4A4195, #362F6F)
• Quiet Bloom color palette (#F2E3D5, #B69831, #54763B, #1A4A6C, #1B1C4E)
• Quiet Mustard color palette (#FFE9D7, #C0B163, #6A8D4F, #256089, #30355D)
• Worn Delta color palette (#FFE2D6, #C1A775, #4C885B, #834155, #4D4641)
• Cypress Delta color palette (#EFE1D5, #8F9D6C, #057465, #5F384E, #4E2B2C)
• Ancient Aubergine color palette (#F6EAD4, #78A147, #006B4B, #5F256E, #213503)
• Hushed Mustard color palette (#FCE1D2, #DEBB66, #7EAC76, #7D76AC, #3F3766)

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