Iris Loft color palette — #FDF3EA · #CDEAFF · #5E90E8 · #006970 · #1B193A

Built around Lavender Blue, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF3EA): bright and airy, almost weightless.
• Frost (#CDEAFF): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender Blue (#5E90E8): A luminous, balanced violet — the color of wild irises.
• Peacock (#006970): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#1B193A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Pale Cerulean color palette (#FFF2EC, #9DF8FA, #00A2C3, #006D49, #002136)
• Washed Periwinkle Thicket color palette (#F7ECE3, #A7DAFE, #80A0F8, #00918D, #322351)
• Petrol Chapel color palette (#E7F2E9, #8CB7D7, #3169AD, #004E5C, #1D295B)
• Glacier Bloom color palette (#FFF2EC, #67E1E9, #0087A8, #00543A, #000E1C)
• Worn Sky color palette (#FFF2EC, #D3DBEF, #02BFF7, #008B6D, #063660)
• Teal Orchard color palette (#F1DFD6, #22B8BA, #005F72, #002D1B, #000103)
• Dusty Petrol color palette (#FCEADF, #71C4E0, #006CAA, #003E39, #000016)
• Sunlit Mint color palette (#C6FABA, #00D593, #00947E, #005656, #002329)

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