Weathered Harbor color palette — #F2D8DA · #C06AB7 · #007F39 · #65005F · #001806

Royal Purple and Hot Pink set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F2D8DA): A whisper-light, dusty red — the color of a theater curtain.
• Hot Pink (#C06AB7): A luminous, balanced pink — the color of neon signs at night.
• Olive (#007F39): A full-bodied, balanced teal — the color of glacier melt.
• Royal Purple (#65005F): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#001806): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Tempered Chapel color palette (#F8E2E1, #BC568D, #007E61, #7F0054, #00170F)
• Feathered Alley color palette (#E1D9F4, #D051C8, #00803F, #650361, #003315)
• Aubergine Field color palette (#FBE6EE, #8C69C8, #637400, #59149D, #101400)
• Quiet Fuchsia Courtyard color palette (#E2D7FB, #EF71E3, #009F58, #871E80, #003318)
• Linen Corridor color palette (#FCD7D9, #AA318F, #6D5E00, #005567, #1D0104)
• Feathered Mulberry color palette (#FFEDEA, #DB879C, #00A492, #9E3F5C, #1A2D12)
• Scarlet Parlor color palette (#F6E4DD, #EF3235, #008092, #920111, #001A1F)
• Airy Studio color palette (#F2DAC9, #B2783D, #883B00, #571910, #170C00)

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