Garnet Harbor color palette — #D6E9E7 · #00625D · #84003D · #63000C · #000201

A conversation between Wine and Oxblood, giving this palette its sense of balance.

The five colors

• Frost (#D6E9E7): A whisper-light, dusty teal — the color of sea glass.
• Pine (#00625D): A full-bodied, dusty teal — the color of sea glass.
• Wine (#84003D): A deep, shadowed, balanced red — the color of embers at dusk.
• Oxblood (#63000C): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#000201): quiet, heavy and certain.

Feels like: Balance. Tagged warm.

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

• Worn Orchard color palette (#CEE3ED, #005E78, #7A2600, #512300, #000102)
• Patina Mulberry color palette (#D6F9E3, #00653D, #77006F, #5D003A, #000201)
• Lowlit Garnet color palette (#DCE5D8, #00463B, #5F0B00, #2E1700, #000201)
• Dusty Brick color palette (#CAEEE9, #008078, #BA1B31, #7E3B00, #000202)
• Twilit Parlor color palette (#DEEFDE, #004949, #4F006A, #331F00, #000202)
• Bronze Summit color palette (#F8DBEC, #A36000, #662300, #2B0006, #000200)
• Gentle Ultramarine Workshop color palette (#CFE2FC, #0061D0, #7A4D00, #553F00, #000105)
• Cerulean Workshop color palette (#CEF3F6, #0096A3, #004749, #13161B, #000809)

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