Washed Harbor color palette — #FDEEE7 · #C9B07C · #76463E · #3E1D0D · #150904

Built around Camel, softened by Coffee — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FDEEE7): a clean, paper-quiet neutral.
• Camel (#C9B07C): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#76463E): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#3E1D0D): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#150904): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Antique Basin color palette (#F8F0E9, #D5C197, #85551C, #35302B, #1A120B)
• Muted Marigold Ridge color palette (#FFF0D8, #CF9F28, #614800, #2B1E00, #0D0600)
• Hushed Cocoa Garden color palette (#FAF2FA, #A6B688, #7E393C, #51161C, #271E27)
• Tempered Olive color palette (#FFF0D8, #BF935B, #6C702B, #1A4B6B, #2E2006)
• Tempered Thicket color palette (#FFEEE1, #CBA772, #8A7B29, #444C00, #132A00)
• Hushed Pewter color palette (#FEF2EF, #DEEEB2, #A16166, #522D22, #190C08)
• Tempered Lantern color palette (#FFEEE5, #C5694E, #32847F, #255582, #2A1306)
• Worn Chestnut color palette (#F9F0EA, #C7B081, #76482F, #39210E, #160902)

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