Garnet Harbor color palette — #DDEDF7 · #00748F · #5E0041 · #002C38 · #030008

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

The five colors

• Frost (#DDEDF7): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#00748F): A full-bodied, balanced blue — the color of deep harbor water.
• Mulberry (#5E0041): A deep, shadowed, balanced rose — the color of strawberry cream.
• Midnight (#002C38): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#030008): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Garnet 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

• Lowlit Alley color palette (#CFE4E9, #007877, #460076, #002E2D, #01000E)
• Soft Sapphire color palette (#E1EEFD, #0066C8, #630029, #002551, #060001)
• Smoked Aubergine color palette (#E3F1D7, #005F89, #4A0064, #0F1D00, #010035)
• Airy Aubergine color palette (#C6E6EE, #2067C4, #4A009A, #2D0031, #1A0007)
• Moonless Denim Corridor color palette (#DDEEFF, #004B85, #3F2200, #0B1800, #000603)
• Indigo Balcony color palette (#D5E2FF, #009EB3, #5855FF, #90003F, #130021)
• Grape Thicket color palette (#E7F1FB, #008AD6, #7208B0, #004974, #030009)
• Aged Aubergine Pier color palette (#E4E8F8, #7966BB, #533A00, #3A0080, #060300)

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