Faded Pier color palette — #F1F5FF · #5C4DD0 · #005F3D · #004148 · #11283D
Iris and Pine set the tone — five colors that lean into creativity and calm.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Iris (#5C4DD0): A full-bodied, vivid violet — the color of wild irises.
- Pine (#005F3D): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#004148): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#11283D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Creativity, Calm, Energy, Balance. Tagged jewel, vibrant, 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
- Timeworn Ultramarine Grove color palette (#EEF6FF, #0065C0, #346100, #004234, #002839)
- Muted Grape Chapel color palette (#E0E4F7, #6B3AB1, #004B42, #00303D, #0A1230)
- Weathered Pewter color palette (#F6F3FF, #915893, #006D74, #004976, #222639)
- Worn Byzantium color palette (#F5F3FF, #AC06A9, #005B64, #00406F, #291D42)
- Patina Olive color palette (#E5FCEE, #7B6F00, #006553, #00414E, #132540)
- Airy Plum color palette (#F9EDFF, #B10060, #004A73, #280081, #270028)
- Muted Bloom color palette (#FBECFF, #DC007B, #006241, #004029, #060D24)
- Washed Field color palette (#FFF1F6, #B86500, #615C00, #004E24, #00383A)
Browse the whole catalog at Explore, or see today's palette.