Iris Veranda color palette — #F7F2E0 · #A5AA63 · #8C7AE6 · #676A00 · #272143
Lavender Blue and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F7F2E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A5AA63): A luminous, balanced green — the color of new leaves after rain.
- Lavender Blue (#8C7AE6): A luminous, balanced violet — the color of twilight just after sunset.
- Olive (#676A00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Indigo (#272143): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Iris Veranda 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
- Hazy Iris Market color palette (#FCF0E0, #CA9B46, #618CDB, #835C00, #162645)
- Weathered Taupe color palette (#E7FBF0, #AEA23D, #957ABC, #716707, #3E3F5D)
- Wisteria Quarry color palette (#F1F3E6, #7BB57A, #B96BBC, #2E7630, #371B38)
- Sunlit Mustard color palette (#E6FBF2, #BAC03D, #9E9BE5, #82863F, #3F3D63)
- Gentle Moss color palette (#F8F3D6, #85991E, #1288C3, #99506A, #221E0A)
- Chalky Mallow color palette (#FDF4E0, #E7D579, #D3A5FF, #9C8800, #4F2C39)
- Byzantium Terrace color palette (#E6E7C6, #64AB23, #9600BC, #2E5900, #260032)
- Tempered Cocoa Lagoon color palette (#FFEEE4, #CCA184, #9E6450, #76381F, #2D2010)
Browse the whole catalog at Explore, or see today's palette.