Tempered Iris Harbor color palette — #FBF2F8 · #E7D5D3 · #AEAD9E · #8E9AFF · #4B3A45

Lavender Blue takes the lead with Charcoal close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Bone (#E7D5D3): A whisper-light, dusty orange — the color of autumn markets.
• Ash (#AEAD9E): A luminous, dusty green — the color of new leaves after rain.
• Lavender Blue (#8E9AFF): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#4B3A45): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Softworn Iris Field color palette (#F5EBF0, #DBD0CD, #CFB4A6, #8E82E4, #382831)
• Wisteria Courtyard color palette (#FBF3F4, #E2D9D3, #B9B7A4, #CB94D6, #534346)
• Wandering Grove color palette (#EFF7F5, #EDDADD, #DABEBC, #4FACF3, #2A463F)
• Tempered Indigo color palette (#EDF2FC, #DED2E5, #C3BAD6, #5862B3, #1E2533)
• Patina Loft color palette (#DFF0FF, #EBC0D3, #CE97BA, #569E73, #005259)
• Softworn Harbor color palette (#FDF5E0, #BCD9A4, #5CBB86, #967AB6, #2D4218)
• Fuchsia Courtyard color palette (#F9F8D0, #9FC1FF, #D878ED, #008A39, #312E5C)
• Ancient Ridge color palette (#FAE4EB, #BB82F1, #835772, #4B385E, #190D15)

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