Tempered Iris Boulevard color palette — #F4F4FF · #FBD3DC · #FFACA0 · #6786DE · #453C5C

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

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Shell Pink (#FBD3DC): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#FFACA0): A whisper-light, balanced orange — the color of autumn markets.
• Lavender Blue (#6786DE): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#453C5C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Dusty Veranda color palette (#F0F6FF, #EAD6E3, #FFA9CF, #2F9FD6, #3C4666)
• Washed Lilac Corridor color palette (#F7F3FF, #EED8D0, #FFB57B, #9E7DD0, #60384C)
• Softworn Apricot Boulevard color palette (#E9E9FF, #FFB7DF, #FF8765, #6272B6, #352B4B)
• Mallow Balcony color palette (#FFF1F4, #FFD2DE, #E397BD, #8365A1, #5E3C42)
• Hushed Villa color palette (#F6F3FF, #F4D3D8, #E5C998, #73B3F3, #623A43)
• Worn Amber color palette (#E6DBFC, #FF9EB3, #E5812E, #7456AD, #3A1321)
• Airy Villa color palette (#FFF1F4, #FFCCB6, #ECAF00, #B351A0, #5D2621)
• Magenta Station color palette (#F6F3FF, #DC54D5, #009B91, #00728C, #2E2641)

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