Hushed Harbor color palette — #F8F0EB · #E7B79F · #97813E · #9E5F3F · #1B1509

Ochre and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Sand (#E7B79F): A luminous, dusty orange — the color of toasted spice.
• Mocha (#97813E): A luminous, balanced green — the color of new leaves after rain.
• Ochre (#9E5F3F): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#1B1509): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, 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

• Weathered Bronze color palette (#F5F1EA, #D3C389, #6A8F5E, #85701A, #161708)
• Antique Pewter color palette (#F9EFEE, #E6B3C4, #AE7066, #9F5773, #21110A)
• Dusty Forest color palette (#F9F1E2, #C5A677, #80794E, #195F4D, #342A1A)
• Fern Basin color palette (#FFEFDF, #DBBE96, #A1884D, #655700, #302F00)
• Rust Parlor color palette (#F9F3F8, #D7B3D2, #6C8852, #AD4746, #22322E)
• Amber Villa color palette (#FAF3F7, #E9C5DA, #B59661, #CC7046, #243226)
• Hushed Marigold Hollow color palette (#FDEFE0, #E0952F, #6B7100, #7F4F00, #090A00)
• Tempered Amber Archive color palette (#ECE3D8, #B98100, #565A00, #5E4000, #030200)

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