Iris Lantern color palette — #F1F7F0 · #C3E0FB · #7886C3 · #2F6D6F · #434560

Slate Blue takes the lead with Teal close behind in a set that reads as creativity and calm at first glance.

The five colors

• Ivory (#F1F7F0): a clean, paper-quiet neutral.
• Powder Blue (#C3E0FB): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#7886C3): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#2F6D6F): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#434560): A full-bodied, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Hushed Ash color palette (#EEF7F7, #D7DAF2, #88A6D5, #4E81A0, #364866)
• Tempered Denim Pier color palette (#F0F3EA, #C6E4DC, #748FB6, #16668C, #1D2B4B)
• Violet Lantern color palette (#F3F4FF, #9F6FCD, #2D905A, #3D7753, #35354E)
• Antique Cobalt Delta color palette (#FDF1FB, #82D4DE, #1182B1, #1C613F, #283B57)
• Lagoon Station color palette (#EEE3ED, #00A3A9, #00516B, #003215, #001231)
• Hushed Navy Study color palette (#F8EAF0, #4789A9, #063683, #00231F, #0B0125)
• Worn Lilac color palette (#DCEAFF, #A3A3FF, #8A5DAE, #72426F, #4E3A58)
• Dusty Wisteria color palette (#F6F3FF, #C782CA, #819432, #825184, #1E4C3F)

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