Faded Pier color palette — #E3F0FF · #97C0FF · #749FFF · #5D72E3 · #39397C
Sapphire takes the lead with Cornflower close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#E3F0FF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#97C0FF): A luminous, balanced blue — the color of deep harbor water.
- Cornflower (#749FFF): A luminous, balanced violet — the color of a velvet chair.
- Sapphire (#5D72E3): A full-bodied, vivid violet — the color of wild irises.
- Navy (#39397C): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Faded 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
- Cornflower Harbor color palette (#B2E8FF, #6FB7FF, #4D86FE, #6051C5, #4D2E6E)
- Quiet Chapel color palette (#D9DFF4, #B2B5FF, #9D8FF1, #8064B7, #402A5A)
- Gentle Azure Meadow color palette (#B2EBFF, #55CCFF, #03ADED, #0080C7, #004070)
- Chalky Indigo Meadow color palette (#F4F4FF, #CEC8FF, #A297FF, #7265D1, #260C5B)
- Patina Sapphire Summit color palette (#D8E8FB, #5996FF, #375CFF, #3333A4, #221D55)
- Gentle Iris color palette (#FFF0FB, #B2C1FF, #00D4B1, #778BFF, #004538)
- Patina Periwinkle color palette (#FFF0F8, #E6D6E2, #FCB5B2, #939FEC, #4B406C)
- Gentle Blush color palette (#E8E9FF, #AAAAFF, #F779BB, #00ADCE, #2C285A)
Browse the whole catalog at Explore, or see today's palette.