Weathered Harbor color palette — #F0DEEE · #F0B418 · #4576EC · #1C42A9 · #1C041B

A conversation between Sapphire and Indigo, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#F0DEEE): A whisper-light, dusty pink — the color of a candy shop window.
• Saffron (#F0B418): A luminous, vivid gold — the color of honey in a jar.
• Sapphire (#4576EC): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#1C42A9): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#1C041B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Creativity, Balance. Tagged luxury, dark.

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

• Cornflower Ridge color palette (#F2DDF3, #FFA75F, #007FE7, #004E92, #000F25)
• Worn Lagoon color palette (#F4DDEA, #A6CF6F, #7868E5, #4A36A3, #1F0416)
• Softworn Ultramarine Alley color palette (#DAE6F8, #D0A43A, #194ACD, #00118A, #010E28)
• Ancient Garden color palette (#FFF0FD, #F3B913, #1043D1, #000D5F, #030003)
• Airy Cornflower color palette (#FDEBFE, #98C6FF, #FF8863, #0079E4, #260500)
• Iris Balcony color palette (#F8EAEF, #A4D6B4, #9776BD, #634780, #211017)
• Linen Cerulean color palette (#CCEEDF, #FFA0A1, #008AB9, #005574, #00140C)
• Nightshade Garden color palette (#EDD8E6, #858F26, #3933A4, #100049, #050004)

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