Iris Drift color palette — #FBF2F5 · #B8D9F6 · #6C92EA · #007A87 · #313956

Lavender Blue and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF2F5): bright and airy, almost weightless.
• Powder Blue (#B8D9F6): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender Blue (#6C92EA): A luminous, balanced violet — the color of a velvet chair.
• Teal (#007A87): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#313956): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Quiet Delta color palette (#FFF0F8, #82D7FE, #058FF5, #007270, #212B69)
• Azure Lantern color palette (#FCF2F9, #A4E1E6, #25A4CA, #247D5F, #1B3D59)
• Timeworn Lagoon color palette (#F3F7EA, #9ECAF1, #527BAB, #005B7B, #4B2F49)
• Hushed Powder color palette (#FBF4EC, #BEECDD, #9BAFEC, #3D9C9C, #3F3258)
• Aged Terrace color palette (#F0E1EB, #5DAFC5, #006DA0, #004B42, #000F39)
• Quiet Blush Atelier color palette (#F2DCF6, #E06985, #009F8D, #00869D, #37223C)
• Aged Teal color palette (#F6E8F1, #3DA5A0, #006372, #003E1F, #000B13)
• Honey Balcony color palette (#FDF0FF, #EFDDC3, #E7C05C, #AE73A7, #4C394A)

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