Irodori彩り

Colors by use case

Curated starting points from nine Asian color traditions, with the design systems that fit each job.

Use cases

Curated starting points from nine Asian color traditions, with the design systems that fit each job.

01

Brand primary colors

Saturated, mid-lightness colors that stay legible on white and dark surfaces.

Pair with Material and Tailwind scales for a full brand ramp.

Suggested colors

02

Dashboard & UI

Quiet, light colors for surfaces, borders and muted states.

Map these to Radix and Primer neutral steps.

Suggested colors

03

Retail & campaigns

High-energy warm hues for badges, sale banners and calls to action.

Check contrast before using them for text — Bootstrap and Ant Design have safe variants.

Suggested colors

04

Eastern editorial & posters

Seasonal and five-element colors with native names and cultural context.

Open Color works well for supporting tints.

Suggested colors

05

Dark mode palettes

Deep colors that hold up as backgrounds without crushing nearby text.

Use Radix dark steps and Chakra for the matching foregrounds.

Suggested colors