Hushed Harbor color palette — #FFF2EB · #E9CAAC · #D49E89 · #A77D70 · #403D36

A conversation between Camel and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#E9CAAC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#D49E89): A luminous, dusty orange — the color of autumn markets.
• Caramel (#A77D70): A luminous, dusty orange — the color of toasted spice.
• Charcoal (#403D36): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Hushed 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

• Patina Pier color palette (#FDE2CF, #DABC99, #C88E6E, #A26763, #33302A)
• Tempered Basalt color palette (#FAF5E6, #D5D3AF, #B2AF82, #9D845B, #3A4200)
• Patina Canyon color palette (#FFF0F8, #DCAFC4, #B2836D, #7D5D74, #4C353F)
• Weathered Alley color palette (#FFF2EF, #DAD9A3, #BC828B, #7D5950, #2B1E1B)
• Patina Bronze color palette (#FCEDF6, #C9A380, #A16249, #6B3D3F, #17271B)
• Timeworn Coral Veranda color palette (#FEF2EF, #FFC4C3, #91BD7A, #E87D80, #252514)
• Ancient Apricot Station color palette (#FFF2EC, #FE9A8A, #50C1C1, #49A09F, #38312E)
• Tempered Delta color palette (#FEF4E4, #D9AC63, #8EA766, #3589AF, #391E1C)

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