Feathered Harbor color palette — #D4E7EC · #0097C3 · #0068AC · #0F2C9E · #20094A
A conversation between Indigo and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#D4E7EC): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#0097C3): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#0068AC): A full-bodied, balanced blue — the color of deep harbor water.
- Indigo (#0F2C9E): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#20094A): 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 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
- Gentle Onyx Pier color palette (#CDE4E2, #0094A7, #006C92, #003F71, #051658)
- Feathered Ultramarine color palette (#C1E6F8, #0091E4, #2657D6, #481F9C, #2A0C48)
- Weathered Grove color palette (#DFF3FF, #007EBC, #00528B, #002A5E, #210048)
- Ancient Navy Boulevard color palette (#E3EBFF, #7A93FA, #3858C4, #0E2191, #04002A)
- Ultramarine Coast color palette (#DFF4FF, #0070E4, #362DDA, #3A0085, #1B002F)
- Powdered Cobalt color palette (#DBE9F7, #188CDA, #867500, #00568C, #201B00)
- Mallow Atelier color palette (#CAE1FF, #C6B9FF, #D08CB4, #00768E, #192342)
- Gentle Periwinkle color palette (#C4EEFF, #84C6F7, #6295DD, #5A619F, #524369)
Browse the whole catalog at Explore, or see today's palette.