Olive Courtyard color palette — #FCEFE9 · #C3746C · #5E6D00 · #004A54 · #241636

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

The five colors

• Cream (#FCEFE9): a clean, paper-quiet neutral.
• Caramel (#C3746C): A luminous, balanced orange — the color of toasted spice.
• Olive (#5E6D00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#004A54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#241636): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Softworn Garden color palette (#FDEFE4, #BB7E4C, #00793F, #024372, #340D28)
• Airy Bloom color palette (#FFEDED, #C06CA7, #885A00, #004D3A, #0C1B40)
• Dusty Rose color palette (#FDF0FF, #D05D75, #00736E, #005068, #1D3252)
• Feathered Coral Garden color palette (#FFF0FC, #EC8176, #7A8933, #096A77, #3E3053)
• Hushed Navy color palette (#F2EBDC, #806800, #005345, #00235B, #1B0012)
• Rust Parlor color palette (#FCD9C0, #B35100, #115D08, #003046, #1E001E)
• Antique Driftwood color palette (#FBDED2, #D6B89D, #948355, #4D6652, #1E4037)
• Aged Nightshade Grove color palette (#FBF0E0, #A87A00, #006B5A, #22169C, #340010)

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