Muted Harbor color palette — #DFE2D3 · #73ABC3 · #005C82 · #002A32 · #000103

Peacock and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#DFE2D3): A whisper-light, dusty green — the color of fresh herbs.
• Blue Fog (#73ABC3): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#005C82): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#002A32): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Muted Petrol color palette (#ECF1DE, #8BBEDC, #006DA6, #003C4A, #000309)
• Dusty Summit color palette (#D3E6E4, #398BAB, #00425E, #002128, #000A16)
• Feathered Cobalt color palette (#EDE1D9, #70A9C2, #2378C0, #005D5B, #03002E)
• Iris Coast color palette (#F2F8E8, #F7DAFB, #5B91E6, #00638E, #0D1A45)
• Cypress Balcony color palette (#F5F6E9, #B6E6EF, #5BB6C3, #008077, #003540)
• Weathered Amber color palette (#FDE0D9, #EDABAB, #CF7960, #71264D, #040000)
• Quiet Alley color palette (#FCD4D0, #AF366F, #675200, #53002D, #020100)
• Patina Bronze color palette (#FFE8D4, #9E6307, #5A3000, #220B00, #020100)

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