Feathered Harbor color palette — #E1ECF7 · #699BF4 · #5671E3 · #5103E7 · #17003C
Iris and Sapphire set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#E1ECF7): bright and airy, almost weightless.
- Cornflower (#699BF4): A luminous, balanced violet — the color of wild irises.
- Sapphire (#5671E3): A full-bodied, vivid violet — the color of wild irises.
- Iris (#5103E7): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Indigo (#17003C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.
Use it as a design system
One click turns Feathered Harbor 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
- Chalky Villa color palette (#DBE5FC, #8F9AEE, #7A5BED, #7300CB, #220038)
- Worn Indigo Coast color palette (#FFDED4, #5D94FC, #6D5EE0, #9B0059, #0A1138)
- Ultramarine Ridge color palette (#CFE6F1, #33AAEC, #0080DD, #004AB0, #090056)
- Dusty Aubergine Coast color palette (#C0E8EE, #319ED3, #015CD2, #470098, #2B0038)
- Sapphire Pier color palette (#DBEEFF, #0474EC, #1A33AB, #19006A, #06001C)
- Timeworn Lantern color palette (#9FF1FF, #00AAEF, #005EDB, #370080, #070009)
- Feathered Sapphire color palette (#F3DEF0, #3B6FEA, #3A3E63, #0A1A40, #050006)
- Patina Cabin color palette (#E2E3F1, #B7A8FF, #AE73FF, #9900D6, #41004A)
Browse the whole catalog at Explore, or see today's palette.