Iris Loft color palette — #CDE5D3 · #E9BD42 · #6488EA · #A07D00 · #11225E

Built around Periwinkle, softened by Saffron — the whole palette hums with optimism and creativity.

The five colors

• Celadon Mist (#CDE5D3): A whisper-light, dusty teal — the color of sea glass.
• Saffron (#E9BD42): A luminous, balanced gold — the color of old brass.
• Periwinkle (#6488EA): A luminous, balanced violet — the color of a velvet chair.
• Ochre (#A07D00): A luminous, balanced gold — the color of old brass.
• Deep Indigo (#11225E): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Linen Lilac color palette (#CEE4D9, #B9B448, #988FFF, #8C8600, #261C5A)
• Periwinkle Station color palette (#F3D4DF, #FEAF61, #6F9FFF, #9F5D00, #0D2459)
• Gentle Boulevard color palette (#CEECE0, #A8BC2D, #5B6CE9, #6B7900, #0F0852)
• Tempered Lapis color palette (#EBE3D7, #A27700, #5A59C9, #5B4100, #0D053B)
• Violet Atelier color palette (#E2F4EB, #B4B341, #299CEC, #8652E8, #222100)
• Wandering Fuchsia color palette (#C9E5DE, #A3D571, #D57BD2, #507F00, #470147)
• Rust Lagoon color palette (#EBD8E4, #EF9378, #23BCEC, #CF3D00, #002E3D)
• Quiet Moss color palette (#E8FAF5, #BDD6A2, #B4B5FE, #82AF43, #3D3B6C)

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