Garnet Harbor color palette — #F8F2D4 · #545E00 · #004D54 · #59002C · #131700

Mulberry takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F8F2D4): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#545E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#004D54): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Mulberry (#59002C): A deep, shadowed, balanced rose — the color of a warm blush.
• Ink (#131700): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Pale Fern color palette (#F1F2D2, #3B6600, #004078, #5A1100, #0B1900)
• Aubergine Study color palette (#FFF2DA, #7B6000, #004B3F, #450052, #1D1500)
• Faded Onyx color palette (#D0F4E5, #606400, #004882, #42004B, #0F0300)
• Sunlit Garnet Canyon color palette (#F9E4CD, #9B5E00, #00546B, #650012, #421200)
• Hazy Garnet Hollow color palette (#FFDCD0, #828300, #005F59, #640052, #0D3200)
• Softworn Nightshade color palette (#EFF7DE, #007446, #2700C2, #501500, #001B0D)
• Smoked Market color palette (#E3F2DE, #00544B, #29008E, #2D1500, #020B00)
• Pale Nightshade color palette (#F8EAD5, #795A00, #1F00C3, #4C2600, #221700)

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