Iris Garden color palette — #F8F1E3 · #B2A46A · #8D7FD3 · #776300 · #281D4D
Lavender Blue and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F8F1E3): bright and airy, almost weightless.
- Camel (#B2A46A): A luminous, dusty green — the color of a quiet forest floor.
- Lavender Blue (#8D7FD3): A luminous, balanced violet — the color of twilight just after sunset.
- Olive (#776300): A full-bodied, balanced green — the color of fresh herbs.
- Deep Indigo (#281D4D): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Iris Garden 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
- Quiet Cabin color palette (#F2F4E1, #86B277, #9580C2, #347615, #2D1D47)
- Antique Ridge color palette (#F9F0E6, #C29C6C, #2E97D0, #895900, #002B41)
- Quiet Courtyard color palette (#EBFAEF, #CFB56E, #B490E6, #9B7C19, #493A5E)
- Feathered Atelier color palette (#FCF5E4, #B1A04C, #CE5F86, #756500, #5D3631)
- Misty Quarry color palette (#F8F3D5, #869744, #587FBF, #804FAF, #241E00)
- Aged Cocoa color palette (#FAF1DE, #B1AC8F, #807544, #6A4200, #23250C)
- Washed Plum color palette (#EDF7D6, #3EC37C, #AD459D, #006D3E, #3C0035)
- Quiet Grape color palette (#EDEACD, #81A423, #7B00E5, #405500, #1D003F)
Browse the whole catalog at Explore, or see today's palette.