Hushed Harbor color palette — #FCECD7 · #B77345 · #5D5F00 · #383772 · #342F2A

A conversation between Caramel and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#FCECD7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#B77345): A luminous, balanced gold — the color of old brass.
• Olive (#5D5F00): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#383772): A deep, shadowed, balanced violet — the color of wild irises.
• Espresso (#342F2A): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro, 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

• Hazy Basin color palette (#FFEBD6, #A4811D, #2F6935, #512A6F, #333305)
• Antique Lagoon color palette (#FBEDD0, #BD6780, #824B11, #004566, #362E2C)
• Airy Meadow color palette (#FDEFE5, #AD5F2E, #006259, #4C2466, #401233)
• Muted Station color palette (#D6F1DF, #A5853B, #615E00, #004339, #1E1700)
• Hushed Cypress Summit color palette (#F9F5E7, #85A678, #2A7255, #654038, #36362F)
• Weathered Station color palette (#FFDBC0, #B8A987, #737932, #6D4E57, #5E374B)
• Faded Drift color palette (#F5EADC, #915600, #334400, #270066, #1E1500)
• Aged Boulevard color palette (#FFF3E8, #A7AD79, #418671, #6B4D6C, #4C4B00)

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