Muted Harbor color palette — #FFF6CC · #E1F0FF · #D8D1C7 · #364A45 · #202927

Custard and Charcoal set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FFF6CC): A whisper-light, dusty green — the color of fresh herbs.
• Frost (#E1F0FF): A whisper-light, dusty blue — the color of open sky before noon.
• Oat (#D8D1C7): bright and airy, almost weightless.
• Charcoal (#364A45): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#202927): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, 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

• Dusty Driftwood color palette (#FBF2FB, #CEE1CF, #977B98, #543D54, #201820)
• Aged Powder color palette (#FCF2F9, #ACAFF5, #B47D5A, #637B4B, #1E2F26)
• Softworn Glacier Ridge color palette (#D8F197, #FFD0C2, #42EEF9, #5F7462, #2A322B)
• Powder Terrace color palette (#FCF1FB, #A4C3FF, #D2A28A, #7E8857, #3B2C39)
• Muted Ash color palette (#FBF3F6, #E0D7D6, #B1B7AE, #AEA8D4, #544A4F)
• Aged Celadon color palette (#D4F299, #FFBDBD, #88C4FF, #464859, #31353A)
• Washed Celadon color palette (#F0FF74, #FFD5D3, #BECEFF, #252F53, #150A13)
• Aged Iris color palette (#FBF2F9, #DFDCE6, #DB96B7, #8196DA, #291A19)

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