Olive Courtyard color palette — #FFD5E3 · #B8AD7B · #638D37 · #325D7C · #394567

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

The five colors

• Shell Pink (#FFD5E3): A whisper-light, dusty rose — the color of strawberry cream.
• Sage (#B8AD7B): A luminous, dusty green — the color of a quiet forest floor.
• Olive Leaf (#638D37): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#325D7C): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#394567): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Olive Ridge color palette (#FFE5E4, #C19E6B, #5E8B51, #58476E, #3A2A4E)
• Patina Bronze color palette (#FFE0FD, #DA9E82, #98793A, #0C686C, #144E6B)
• Weathered Veranda color palette (#F6EDDF, #98985A, #4A6D47, #29456A, #352946)
• Worn Parlor color palette (#E4FCF0, #9FBD98, #5D9285, #5A6385, #534F63)
• Antique Mustard color palette (#FFE1DB, #E1BC68, #68AA7B, #886378, #5C3C4F)
• Soft Olive Balcony color palette (#E8FAF0, #98AD65, #337C21, #763F34, #1C4338)
• Hushed Thicket color palette (#FFD99F, #C1A000, #827800, #4E5900, #004930)
• Wandering Jade color palette (#D5E5C5, #40BC89, #007E7E, #5B386D, #592745)

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