Garnet Harbor color palette — #D1F0F6 · #83A6BA · #587496 · #6D333A · #341C2C

A conversation between Oxblood and Slate, giving this palette its sense of trust and stability.

The five colors

• Frost (#D1F0F6): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#83A6BA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#587496): A full-bodied, dusty blue — the color of deep harbor water.
• Oxblood (#6D333A): A full-bodied, balanced red — the color of a theater curtain.
• Onyx (#341C2C): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Ancient Cocoa Market color palette (#E1F1FF, #929FB6, #717392, #73410D, #302400)
• Muted Chestnut Basin color palette (#D0F0FF, #A6B8C8, #7683A4, #845246, #4D2F3A)
• Garnet Drift color palette (#D1EFF2, #65869F, #3E5585, #5E0218, #230E00)
• Basalt Parlor color palette (#D7E3FD, #8586A7, #7E556A, #483F00, #122700)
• Sunlit Ridge color palette (#CCEEF2, #009FBE, #006F98, #00456D, #051F47)
• Cobalt Ridge color palette (#EBF5ED, #A9CCE7, #4980B4, #005A65, #0E1E43)
• Hushed Bronze Grove color palette (#D9ECFC, #3E9AD0, #B96100, #005B85, #2F1400)
• Powdered Plum Field color palette (#DFEFFF, #2B82C1, #AA4964, #4C6600, #001528)

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