Iris Pier color palette — #FFF0FA · #BEC8FF · #5ED5C1 · #8894F6 · #004E44
Lavender Blue and Aqua set the tone — five colors that lean into creativity and calm.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Lilac Frost (#BEC8FF): A whisper-light, dusty violet — the color of a velvet chair.
- Aqua (#5ED5C1): A luminous, balanced teal — the color of shallow lagoons.
- Lavender Blue (#8894F6): A luminous, balanced violet — the color of twilight just after sunset.
- Forest (#004E44): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Creativity, Calm, Balance. Tagged light, cool.
Use it as a design system
One click turns Iris Pier 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 Wisteria Basin color palette (#FFF1F5, #DCBDF4, #5BD0E8, #BC80E5, #004B58)
- Gentle Periwinkle color palette (#E4FBF4, #A1D1FF, #86D296, #31A4FF, #194F29)
- Misty Turquoise Quarry color palette (#FFF0FA, #AFB7FE, #E29AC3, #00B9D3, #472F3F)
- Quiet Veranda color palette (#F1F5FF, #CCD0FF, #CCBE41, #7E7FD2, #3F3905)
- Magenta Loft color palette (#FFF1F3, #F6A3F3, #48C5FE, #EC2EED, #004059)
- Powder Hollow color palette (#FFF0F7, #E7D4D2, #A4ADF0, #C0A592, #59404B)
- Gentle Boulevard color palette (#FFF1F8, #B2AFF1, #BFA23D, #7B6AE3, #504109)
- Patina Lantern color palette (#ECF2FF, #939BEF, #1FA392, #575BA5, #002F29)
Browse the whole catalog at Explore, or see today's palette.