Muted Harbor color palette — #FDF5D8 · #F68DD6 · #B4654E · #005C67 · #351814

Built around Bubblegum, softened by Mocha — the whole palette hums with trust and stability.

The five colors

• Custard (#FDF5D8): A whisper-light, dusty green — the color of a quiet forest floor.
• Bubblegum (#F68DD6): A luminous, balanced pink — the color of peonies in June.
• Mocha (#B4654E): A full-bodied, balanced orange — the color of autumn markets.
• Peacock (#005C67): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#351814): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Creativity, Warmth, Comfort, Balance. Tagged retro, warm.

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

• Wisteria Field color palette (#FAF7D8, #D19BFF, #BE5871, #075F4F, #33181D)
• Hushed Blush color palette (#FFF4DC, #FF919E, #AD6F00, #1B5778, #361807)
• Amber Alley color palette (#FDF5DF, #FFB3C6, #BD8453, #2A6C87, #37302D)
• Quiet Peony color palette (#FFF1F1, #F271BE, #7C7B0F, #005364, #002028)
• Powdered Lantern color palette (#F3F0CF, #D5A4EE, #D7796A, #00819E, #4A2325)
• Dusty Terracotta color palette (#E1F5E5, #B36D89, #943922, #004C35, #3E2642)
• Terracotta Chapel color palette (#D5F1E6, #977BB6, #923A3C, #003F55, #290825)
• Hushed Peony color palette (#FBEEC8, #E5379D, #883A00, #00313E, #0E0002)

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