Muted Harbor color palette — #FFEFE8 · #EDBB96 · #B59E5A · #7A8249 · #575400
Deep Olive and Camel set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFEFE8): a clean, paper-quiet neutral.
- Sand (#EDBB96): A whisper-light, dusty gold — the color of old brass.
- Camel (#B59E5A): A luminous, balanced green — the color of a quiet forest floor.
- Walnut (#7A8249): A full-bodied, dusty green — the color of fresh herbs.
- Deep Olive (#575400): A full-bodied, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. 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
- Bronze Field color palette (#FCF4E7, #D2CCA8, #AC9977, #9C6735, #464D00)
- Weathered Delta color palette (#FFF3E6, #D2C185, #9BAB6D, #5D895C, #4F534C)
- Timeworn Bronze Harbor color palette (#FFF1F6, #D8B689, #A38335, #6E6200, #2E5A4B)
- Driftwood Orchard color palette (#FEF4E3, #DAC287, #A8ADDE, #A28949, #604256)
- Soft Fern color palette (#FEE8CB, #B89200, #5E7E00, #186404, #003528)
- Sunlit Corridor color palette (#FEE7D7, #E9AB00, #928A00, #2F7300, #00482D)
- Aged Courtyard color palette (#FEF4E2, #C8AE70, #AA99D8, #A37DA2, #46423B)
- Muted Thicket color palette (#F3E3D9, #9C6200, #574800, #262F00, #000C01)
Browse the whole catalog at Explore, or see today's palette.