Garnet Harbor color palette — #D9E2D6 · #7D7D75 · #296354 · #5E1A43 · #460F00

Mulberry and Espresso set the tone — five colors that lean into sophistication.

The five colors

• Bone (#D9E2D6): a clean, paper-quiet neutral.
• Driftwood (#7D7D75): a calm mid-gray that lets other colors speak.
• Pine (#296354): A full-bodied, dusty teal — the color of glacier melt.
• Mulberry (#5E1A43): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Espresso (#460F00): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: 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

• Antique Garnet color palette (#E8E8CE, #7E916C, #006279, #5E1B16, #372500)
• Softworn Navy Quarry color palette (#CFF1E7, #33798C, #313A6F, #301E00, #061403)
• Hushed Garden color palette (#D9E5D0, #55B8A3, #4595BA, #874C49, #451314)
• Brick Bloom color palette (#DCF5DF, #007C83, #A90903, #004246, #3A0100)
• Dusty Workshop color palette (#D8ECEF, #088E93, #006274, #2D2E54, #150529)
• Powdered Garnet color palette (#DBEDE2, #006579, #940028, #682400, #00151B)
• Teal Bloom color palette (#DEF2D8, #38ACB1, #007B96, #4A4481, #301F42)
• Tempered Pine Garden color palette (#E3E0D0, #578855, #00513E, #2E3200, #012202)

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