Muted Harbor color palette — #FFF1F1 · #F4B2B0 · #C9856D · #9A7547 · #654A00
Built around Caramel, softened by Bronze — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Rose Quartz (#F4B2B0): A whisper-light, dusty orange — the color of autumn markets.
- Caramel (#C9856D): A luminous, balanced orange — the color of autumn markets.
- Walnut (#9A7547): A full-bodied, dusty gold — the color of old brass.
- Bronze (#654A00): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Muted 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 Taupe color palette (#FFF2EC, #ECB49B, #C19B5B, #85763B, #52514A)
- Patina Studio color palette (#FFF3E9, #EEB794, #75BCDB, #BD7A4D, #2E5746)
- Amber Canyon color palette (#FFF0FE, #DAA097, #BD7555, #8A511C, #395037)
- Patina Cocoa Parlor color palette (#FFF1F5, #E4B0D7, #D08DA6, #9E6467, #794115)
- Tangerine Study color palette (#F8DBD5, #E8822D, #966800, #5B5000, #233400)
- Tempered Studio color palette (#FFF3E8, #DEA373, #77ACCE, #7689BA, #623600)
- Soft Courtyard color palette (#F9DEC3, #907900, #475C00, #003913, #00190F)
- Moss Veranda color palette (#FFE4CB, #D0B56C, #8F953F, #5C7B32, #474A43)
Browse the whole catalog at Explore, or see today's palette.