Olive Courtyard color palette — #E8F6EF · #B7B780 · #9197CD · #797600 · #26304B

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

The five colors

• Cream (#E8F6EF): a clean, paper-quiet neutral.
• Sage (#B7B780): A luminous, dusty green — the color of a quiet forest floor.
• Blue Fog (#9197CD): A luminous, dusty violet — the color of a velvet chair.
• Olive Leaf (#797600): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#26304B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Sophistication. 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

• Hushed Iris color palette (#EBF9F1, #B8B375, #958CDE, #7B7531, #454C63)
• Softworn Drift color palette (#FEEDF3, #D1AB8A, #59A7C9, #A45E02, #153547)
• Patina Pine color palette (#E6F5F5, #8DC2A0, #BB87BB, #0D8752, #422542)
• Chestnut Cabin color palette (#E8F6EE, #A2C4BB, #8B8456, #71502D, #153131)
• Lilac Garden color palette (#F9F5EB, #D6C485, #B7A2F2, #9F8B44, #624251)
• Patina Cobalt color palette (#E4F7F0, #96A36B, #8485CA, #6F6FB6, #0C2E25)
• Tempered Cypress color palette (#E8F5F4, #DBB7CD, #3D6D51, #0B3B23, #051717)
• Moss Parlor color palette (#F9F5E8, #D8E5BA, #C7C4FF, #A79D31, #444166)

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