Iris Loft color palette — #CAE7DB · #00DBD7 · #02BEF8 · #6A86FF · #00182D
Periwinkle and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Celadon Mist (#CAE7DB): A whisper-light, dusty teal — the color of glacier melt.
- Aqua (#00DBD7): A luminous, balanced teal — the color of glacier melt.
- Cyan (#02BEF8): A luminous, balanced blue — the color of open sky before noon.
- Periwinkle (#6A86FF): A luminous, vivid violet — the color of wild irises.
- Midnight (#00182D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged candy, vibrant, light, 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
- Aged Violet Corridor color palette (#EEDAEF, #21D6F7, #7AB7FF, #8D74FF, #011447)
- Quiet Mint Balcony color palette (#CCE8CC, #00E4AE, #00C5CB, #0097E4, #00181D)
- Byzantium Grove color palette (#CCEADA, #00D08B, #00A5D5, #8941E0, #00193D)
- Worn Dune color palette (#E5E0D8, #87CDD9, #00A1CA, #007E73, #002236)
- Magenta Alley color palette (#EFD7E6, #7EC6FF, #97A9FF, #D758DD, #1C103B)
- Feathered Orchid color palette (#EBF7FF, #1BF2C9, #1AC2F5, #9C5CD2, #000208)
- Ultramarine Boulevard color palette (#E3F0F9, #00A9C8, #008DC5, #0056C7, #00050B)
- Magenta Station color palette (#F9E6F1, #60A6FF, #817AFF, #BE29C8, #03000A)
Browse the whole catalog at Explore, or see today's palette.