Washed Harbor color palette — #FDF7CE · #B1F8E5 · #6BF0D6 · #B8AC60 · #484841

Built around Lagoon, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Custard (#FDF7CE): A whisper-light, dusty green — the color of a quiet forest floor.
• Sea Foam (#B1F8E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Lagoon (#6BF0D6): A whisper-light, balanced teal — the color of shallow lagoons.
• Sage (#B8AC60): A luminous, balanced green — the color of fresh herbs.
• Charcoal (#484841): quiet, heavy and certain.

Feels like: Nature, Growth, Softness, Clarity. Tagged pastel, light, 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

• Chalky Celadon color palette (#FFF4E0, #F1FA95, #A3F4AF, #CA9A63, #43413A)
• Soft Fern color palette (#F5F9D3, #ABFADD, #96E2E9, #95A774, #334800)
• Feathered Celadon Hollow color palette (#F9F9C8, #AAFFCC, #70D7EC, #BB8349, #4A4B43)
• Timeworn Delta color palette (#E8FBEA, #BFE7E4, #DCC8BE, #A2C1B3, #405347)
• Ancient Amber color palette (#D9FFF2, #AFDFE8, #C3B7B5, #B88B3C, #2B3E19)
• Dusty Field color palette (#D5FFFA, #BFE2FF, #B2C1F6, #45AF80, #004446)
• Softworn Mint color palette (#CFFEF1, #AEEAD6, #66D097, #6B7900, #103003)
• Seafoam Delta color palette (#DAF5E3, #55E4C9, #54C9E4, #6C9A4E, #182408)

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