Washed Harbor color palette — #FFF1F3 · #C682C5 · #BB7A18 · #006F65 · #250C11

Mustard takes the lead with Mauve close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Mauve (#C682C5): A luminous, balanced pink — the color of a candy shop window.
• Mustard (#BB7A18): A luminous, balanced gold — the color of old brass.
• Teal (#006F65): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#250C11): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Quiet Studio color palette (#FFF2ED, #DF7E78, #AF8030, #006F68, #2A0900)
• Rust Drift color palette (#FFF1F2, #D18BBE, #B3564A, #00545B, #33022A)
• Blush Pier color palette (#FFF1F1, #D67CAD, #BF666A, #636400, #2B070A)
• Ember Meadow color palette (#FFF0FE, #6E9EED, #D06559, #007242, #220B21)
• Mallow Garden color palette (#EEECFD, #E5A2FF, #9B8E00, #1C987B, #26233B)
• Worn Alley color palette (#FFF3E8, #E1A373, #A69A59, #57803A, #351F09)
• Airy Nightshade color palette (#FFF2EA, #D6632D, #008C63, #2D35B8, #130300)
• Feathered Byzantium color palette (#FBE1E7, #A045C0, #696900, #00513B, #20060F)

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