Faded Harbor color palette — #E9DCEF · #F36F9B · #629600 · #1050DD · #40001C

Cobalt and Rose set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#E9DCEF): A whisper-light, dusty pink — the color of a candy shop window.
• Rose (#F36F9B): A luminous, vivid red — the color of a theater curtain.
• Olive Leaf (#629600): A luminous, vivid green — the color of fresh herbs.
• Cobalt (#1050DD): A full-bodied, vivid violet — the color of wild irises.
• Deep Indigo (#40001C): A deep, shadowed, balanced red — the color of a theater curtain.

Feels like: Nature, Growth, Energy. Tagged vibrant.

Use it as a design system

One click turns Faded 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

• Wandering Ultramarine color palette (#EDDBE7, #E58466, #299D47, #3650CF, #420100)
• Frosted Moss color palette (#E5DDF1, #D780BB, #8E8800, #006A91, #3C002E)
• Muted Ultramarine color palette (#FBE9F4, #E3632F, #358800, #0D28DC, #290200)
• Chalky Cobalt Dune color palette (#FDECFA, #EF958E, #879E47, #0077B3, #530427)
• Feathered Grape color palette (#F0DAEA, #EE7C67, #009B72, #753DB8, #3C002D)
• Hushed Petrol Boulevard color palette (#E7D9EC, #D6A893, #AA9768, #4672A9, #3F2457)
• Washed Indigo color palette (#FDF1F9, #EEAB9B, #51B689, #7C6FBD, #5B2422)
• Antique Aubergine color palette (#F2D5E3, #C66000, #00755E, #5000A6, #170002)

Browse the whole catalog at Explore, or see today's palette.