Iris Bloom color palette — #ECF2FF · #898FCB · #718C60 · #4E6644 · #1C2231

Built around Blue Fog, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF2FF): a clean, paper-quiet neutral.
• Blue Fog (#898FCB): A luminous, balanced violet — the color of wild irises.
• Fern (#718C60): A luminous, dusty green — the color of new leaves after rain.
• Pine (#4E6644): A full-bodied, dusty green — the color of new leaves after rain.
• Midnight (#1C2231): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Iris Bloom 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

• Azure Market color palette (#EAF3FD, #6B99C7, #A17863, #7C533C, #152433)
• Bronze Villa color palette (#EFF1FF, #A592C1, #90693E, #005856, #002D38)
• Driftwood Workshop color palette (#F9EDFB, #B96C7A, #51825D, #14613F, #231326)
• Wandering Fern Pier color palette (#FAF2FB, #BD7A84, #927D45, #556818, #463748)
• Timeworn Pine color palette (#FFF1F5, #B7A0CC, #BD9263, #528A54, #4A373D)
• Patina Powder Atelier color palette (#FFF0F9, #B9BCFF, #D19FA8, #459092, #3D2B36)
• Plum Alley color palette (#ECE5F8, #A84D99, #1B774A, #00522E, #140A22)
• Driftwood Terrace color palette (#F1F1F8, #DCD4DA, #BBABA9, #817DA4, #36353C)

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