Washed Harbor color palette — #F1F9E4 · #71C699 · #D28E9E · #B4857D · #41443D

A conversation between Mint Leaf and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Cream (#F1F9E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#71C699): A luminous, balanced teal — the color of shallow lagoons.
• Dusty Rose (#D28E9E): A luminous, balanced red — the color of late-summer berries.
• Caramel (#B4857D): A luminous, dusty orange — the color of autumn markets.
• Charcoal (#41443D): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged muted.

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

• Turquoise Boulevard color palette (#EDF9EE, #00C2CC, #C88B6F, #807974, #354137)
• Hushed Mustard Summit color palette (#FAF6E0, #ADBA5F, #B596CB, #A77C97, #44423B)
• Blush Canyon color palette (#E2FAFE, #8DDECC, #DEA6D2, #D98599, #1A3F43)
• Softworn Petal Quarry color palette (#F2F9E2, #BFEEE6, #F5D5F1, #B4A98A, #454F42)
• Aged Lantern color palette (#FDF4E5, #D4CCA0, #AC9A6E, #9D6636, #464D00)
• Chalky Mustard color palette (#F1F9E5, #9AD7B7, #87C8E4, #C2AE60, #374A00)
• Hushed Teal Orchard color palette (#DDFCFF, #62A892, #5C90B2, #7B7945, #2D484A)
• Rose Harbor color palette (#B1FCF3, #00B3A7, #ED505B, #BB5900, #003935)

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