Iris Ridge color palette — #FFF1F6 · #A9DBFF · #7B93D4 · #257A78 · #343856

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Powder Blue (#A9DBFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender Blue (#7B93D4): A luminous, balanced violet — the color of a velvet chair.
• Teal (#257A78): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#343856): 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 Ridge 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 Turquoise Summit color palette (#FAF2FA, #97E5E2, #47A2BE, #4A794C, #1E3D5A)
• Tempered Cornflower color palette (#FFF0F8, #77D9FF, #1F8CFB, #007463, #2D2A60)
• Antique Cobalt Boulevard color palette (#F3F7EB, #A8CFC2, #4C7BAE, #005B79, #253A5D)
• Dusty Powder Study color palette (#FBF2F6, #DAD4E3, #9AB1DF, #5A928D, #4C5167)
• Peony Alley color palette (#F4DBFA, #EC5B87, #009CA5, #2779A0, #342439)
• Antique Pier color palette (#F9E6F3, #37B3CC, #006CA7, #004C37, #080A3C)
• Frosted Market color palette (#EFE1F0, #61C4C1, #00819F, #005E18, #00203E)
• Ultramarine Pier color palette (#FCE8EE, #5398D3, #4046B8, #003B3D, #100021)

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