Olive Courtyard color palette — #FFD2D0 · #F1B28A · #BA9B35 · #608200 · #003D2B

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

The five colors

• Shell Pink (#FFD2D0): A whisper-light, dusty orange — the color of toasted spice.
• Sand (#F1B28A): A luminous, balanced gold — the color of afternoon light on wheat.
• Mustard (#BA9B35): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#608200): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#003D2B): A deep, shadowed, dusty teal — the color of sea glass.

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

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 Moss color palette (#FFDBC2, #DFC280, #94AF4B, #008F64, #003B3A)
• Linen Amber Lagoon color palette (#FFE4F5, #FFA7AB, #D78938, #857500, #1A3A00)
• Misty Bronze Dune color palette (#FFD5B5, #CEAE73, #9E8600, #596300, #103A00)
• Olive Delta color palette (#F4DFD3, #B28A00, #5F7E00, #005A40, #000C0D)
• Hushed Amber Studio color palette (#FAE7E5, #D88D3A, #7D6600, #194700, #001B13)
• Indigo Lagoon color palette (#FFE7F1, #F7A184, #94A03C, #7B5FC1, #462431)
• Wandering Fern color palette (#FFE3DD, #D48B3C, #948200, #2F6800, #001D16)
• Linen Lagoon Pier color palette (#E0FFDF, #DDDFB0, #8FC79B, #00A493, #00505E)

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