Misty Iris color palette — #DDFFE8 · #E1BC2C · #777DE8 · #8F7500 · #303171

Built around Periwinkle, softened by Saffron — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DDFFE8): A whisper-light, dusty teal — the color of sea glass.
• Saffron (#E1BC2C): A luminous, balanced green — the color of new leaves after rain.
• Periwinkle (#777DE8): A luminous, balanced violet — the color of twilight just after sunset.
• Ochre (#8F7500): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#303171): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Patina Drift color palette (#DEF5EB, #A5B05A, #A084D5, #707900, #3D285D)
• Soft Honey Lagoon color palette (#FFF4DE, #EDC300, #96A7FF, #977B00, #212661)
• Indigo Ridge color palette (#C4E8D5, #B9AD28, #6465D6, #6E6500, #211E5B)
• Misty Azure Station color palette (#FFF1F6, #FFA95B, #0CA3F6, #985500, #003E62)
• Hushed Pier color palette (#D6FFF9, #7FD971, #D46AD8, #1F7E09, #552257)
• Hazy Grove color palette (#F4EDBE, #B09C00, #009FC1, #B7529A, #383100)
• Soft Grape color palette (#D4EAE3, #7FA725, #783EBF, #435D00, #250245)
• Washed Lagoon color palette (#E9F9FA, #90D5BC, #D79EB3, #509D84, #56465F)

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