Garnet Harbor color palette — #F0DCE0 · #780035 · #2A3A00 · #002641 · #060001

Mulberry and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F0DCE0): A whisper-light, dusty red — the color of late-summer berries.
• Mulberry (#780035): A deep, shadowed, balanced red — the color of embers at dusk.
• Forest (#2A3A00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Midnight (#002641): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#060001): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged dark, 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

• Aubergine Hollow color palette (#F8E4F4, #6D0063, #3F3200, #002931, #050004)
• Lowlit Meadow color palette (#F6DCD5, #721D00, #003F23, #1B016E, #060000)
• Timeworn Pier color palette (#FFE9E6, #A00D51, #005A55, #003E4D, #060001)
• Plum Archive color palette (#FBD8DC, #B33150, #5C0022, #1D1C0B, #190005)
• Velvet Chestnut Pier color palette (#FFE3EC, #745200, #412400, #210800, #050300)
• Weathered Aubergine Station color palette (#EDDECC, #6B4200, #004B48, #480068, #0E0500)
• Frosted Bronze Balcony color palette (#F5DEE2, #C78478, #9E5C00, #5A184B, #1E0003)
• Pine Coast color palette (#E5F1FF, #168C1B, #A91F00, #120600, #050004)

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