Olive Courtyard color palette — #FFF4E2 · #CF9CD5 · #B96A80 · #487125 · #553134

Olive takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mauve (#CF9CD5): A luminous, balanced pink — the color of neon signs at night.
• Dusty Rose (#B96A80): A luminous, balanced red — the color of embers at dusk.
• Olive (#487125): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#553134): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Balance. Tagged retro.

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

• Patina Cypress color palette (#FEF4E3, #E2ADBF, #B88375, #3C7D64, #59413B)
• Tempered Mallow Delta color palette (#E7FBEB, #F6ADFE, #C9748B, #556B45, #352D41)
• Tempered Chestnut color palette (#FFF4E3, #A0ADEB, #9D73AF, #7E5E00, #523143)
• Forest Balcony color palette (#FFF1F3, #CA8CC4, #AB723A, #00703F, #0C3A60)
• Mulberry Field color palette (#F2F9E0, #8B90D4, #9B4C6C, #005A57, #4D353D)
• Antique Lagoon color palette (#DAFDFE, #C9BCFF, #D48E99, #548F80, #3E3952)
• Blush Lagoon color palette (#FFF4E2, #F77D84, #BA6400, #006963, #5C1E12)
• Antique Peony Thicket color palette (#F6DEDE, #C170A1, #63443D, #3D2727, #201517)

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