Washed Harbor color palette — #F0E8CF · #A0976F · #696724 · #504300 · #31312A

Olive and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F0E8CF): A whisper-light, dusty green — the color of new leaves after rain.
• Moss (#A0976F): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#696724): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#504300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Espresso (#31312A): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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

• Weathered Amber Studio color palette (#FEDECE, #CD8950, #8D5700, #593D00, #293206)
• Muted Drift color palette (#D5EFE2, #A4B58C, #898337, #785300, #003936)
• Dusty Cocoa Courtyard color palette (#FFE7D7, #AD7B5A, #843F1B, #592517, #371D00)
• Softworn Quarry color palette (#F8EDDC, #8D6B00, #007257, #004F54, #31240C)
• Worn Chestnut color palette (#F3E3D5, #8B5C1F, #552C00, #311200, #130900)
• Wandering Blush color palette (#EEEBFF, #FF954B, #FF609D, #37302C, #2A1D1B)
• Feathered Mulberry color palette (#FFF1F1, #9F3776, #005368, #0F2975, #30101B)
• Antique Cocoa Grove color palette (#F1E7D5, #A19768, #74612E, #5A3E00, #32302A)

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