Muted Harbor color palette — #DCEFF4 · #00778E · #004B61 · #002739 · #001323

Teal and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DCEFF4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#00778E): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004B61): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#002739): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001323): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Cypress Balcony color palette (#D0EEDF, #00755F, #004C40, #002C28, #001716)
• Wandering Fern Station color palette (#CBEADD, #00678D, #2A5900, #003145, #051400)
• Inked Cobalt color palette (#DEEBF7, #0077C8, #00345F, #001225, #000308)
• Pale Periwinkle Garden color palette (#EADFEB, #78A6FA, #646BBC, #004362, #041A37)
• Aubergine Archive color palette (#D5E2ED, #005180, #5E0087, #003930, #000813)
• Misty Onyx Thicket color palette (#D7EFE6, #009EA5, #00759A, #00538B, #110047)
• Azure Archive color palette (#D6F3FF, #00A3D7, #006C9F, #004773, #2C2261)
• Velvet Navy color palette (#DFF0FF, #00599F, #002A76, #05004E, #05002C)

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