Iris Courtyard color palette — #F1F5FF · #878DFF · #8B7700 · #376300 · #1D3900
Lavender Blue and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lavender Blue (#878DFF): A luminous, vivid violet — the color of a velvet chair.
- Walnut (#8B7700): A full-bodied, balanced green — the color of fresh herbs.
- Olive (#376300): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#1D3900): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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
- Soft Iris color palette (#F0F5FF, #7D90FF, #A46800, #006454, #003A2F)
- Hushed Periwinkle Loft color palette (#EDF6FF, #30ACFD, #A35C00, #5E5700, #363200)
- Timeworn Alley color palette (#F4F4FF, #CC76FF, #597E00, #006548, #003A28)
- Indigo Boulevard color palette (#D4E1FF, #6E70FF, #815C00, #00502F, #002714)
- Quiet Canyon color palette (#FFF0FE, #7BAFFF, #CC4579, #3A5D00, #001E4E)
- Ancient Studio color palette (#DBE9FF, #D9A4DA, #C0867C, #517E7C, #265034)
- Gentle Amethyst color palette (#D7DEFA, #7846F7, #635100, #003C3A, #001615)
- Hushed Tangerine color palette (#F9F2FF, #FF8BC2, #ED6D30, #8B7300, #003C0F)
Browse the whole catalog at Explore, or see today's palette.