Iris Coast color palette — #FFF1F5 · #DADDFA · #778DD8 · #006877 · #20163D
Lavender Blue and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Thistle (#DADDFA): A whisper-light, dusty violet — the color of wild irises.
- Lavender Blue (#778DD8): A luminous, balanced violet — the color of a velvet chair.
- Peacock (#006877): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#20163D): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Iris Coast 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
- Cerulean Grove color palette (#FCF2F9, #B1F3FC, #3C9EC5, #006C54, #001F3C)
- Tempered Ultramarine color palette (#F7EDE2, #8AB6E1, #455CC8, #004E5A, #2F274B)
- Pine Veranda color palette (#FCF2F9, #D3D5E4, #68B2CB, #0E825D, #0C314C)
- Denim Meadow color palette (#E9DFE7, #72ADB5, #005D7A, #002D20, #000104)
- Timeworn Cobalt Coast color palette (#ECF1E3, #B3DED2, #73A6EC, #0089BD, #182B57)
- Dusty Cobalt color palette (#FEF0FA, #93D9E6, #0085B4, #005343, #000C21)
- Worn Cobalt Station color palette (#E7FCE8, #EDAA36, #008AD9, #845A00, #001A2E)
- Sapphire Study color palette (#FEE7F1, #7EC0E3, #0066C1, #003E3E, #010014)
Browse the whole catalog at Explore, or see today's palette.