Iris Courtyard color palette — #F8F6E8 · #A0AD69 · #7C75BD · #6E5D00 · #383C01

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

The five colors

• Ivory (#F8F6E8): bright and airy, almost weightless.
• Sage (#A0AD69): A luminous, balanced green — the color of new leaves after rain.
• Slate Blue (#7C75BD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Olive (#6E5D00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#383C01): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Iris 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

• Washed Field color palette (#F1F8EA, #5EB999, #A368A1, #526627, #2F3F08)
• Powdered Peony color palette (#E8F9F8, #84CF95, #B768B2, #79540C, #3C2600)
• Softworn Teal color palette (#F1F8E7, #65B990, #9E6D99, #874943, #592722)
• Hushed Bronze color palette (#F2FAD7, #B2CAB9, #AB8EA4, #976C2F, #6C4500)
• Iris Lagoon color palette (#FFEBF9, #818EDE, #807308, #5B5000, #023612)
• Hushed Basalt Quarry color palette (#FEF3E8, #D0C49F, #7A9A72, #5C7B60, #524000)
• Lilac Terrace color palette (#ECF9ED, #64D1D8, #9791F4, #B55E70, #453600)
• Pale Rust Atelier color palette (#E7FBEE, #00AECA, #BE4E4B, #4C5E00, #2B3600)

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