Hazy Iris color palette — #EAFAEF · #B59E57 · #937AC1 · #7B6300 · #483A60
A conversation between Slate Blue and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EAFAEF): A whisper-light, dusty teal — the color of sea glass.
- Camel (#B59E57): A luminous, balanced green — the color of a quiet forest floor.
- Slate Blue (#937AC1): A luminous, balanced violet — the color of a velvet chair.
- Olive (#7B6300): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#483A60): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Hazy Iris 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
- Antique Iris Boulevard color palette (#F8F2DF, #ABA768, #7F86CE, #6E6700, #20214C)
- Worn Cerulean color palette (#E7FCEB, #BB9B52, #3892C8, #806000, #114766)
- Pine Coast color palette (#E2FBF9, #72B17B, #9978BE, #2B773B, #4B3860)
- Olive Corridor color palette (#EBF9F2, #BEBB81, #9B9CE6, #8C8300, #3D3D65)
- Misty Moss Dune color palette (#DBFFF0, #888F3F, #7A71AE, #7B4F84, #1D4033)
- Aged Cocoa Villa color palette (#E5FCEE, #82B3A7, #7A7447, #6B4A26, #264343)
- Patina Hollow color palette (#E4FDEC, #C0E8F2, #95D6E1, #9C7254, #3B534B)
- Plum Pier color palette (#D6FFFF, #2ABE86, #AD3B93, #006E49, #621451)
Browse the whole catalog at Explore, or see today's palette.