Washed Harbor color palette — #FDF1F8 · #B2B0F2 · #CF8C3B · #548E32 · #113425

Built around Olive Leaf, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Lavender (#B2B0F2): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#CF8C3B): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#548E32): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#113425): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

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

• Worn Olive color palette (#FDF1FD, #83B8F9, #D78878, #838200, #21331E)
• Sunlit Amber Dune color palette (#FFF1F5, #D3ABEF, #DB885D, #4F8E4D, #003C5B)
• Sunlit Grove color palette (#FFF1F4, #CF9BDA, #BC9E43, #009372, #302030)
• Driftwood Dune color palette (#FFF4E2, #D4B8FA, #CF8CB3, #81883E, #54313A)
• Wisteria Drift color palette (#FFE5ED, #C978FF, #A47F00, #007C50, #001B2D)
• Hushed Meadow color palette (#FFF2F0, #E28AAD, #58AA51, #008193, #311722)
• Hushed Bloom color palette (#F0F6FF, #80A5FD, #CD5516, #00675B, #0E1827)
• Fuchsia Dune color palette (#FFF1F2, #FF86D7, #749000, #008E90, #1A1C48)

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