Garnet Harbor color palette — #E3F7EF · #727F33 · #005C7D · #6D0040 · #2B2F00

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

The five colors

• Cream (#E3F7EF): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#727F33): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005C7D): A full-bodied, balanced blue — the color of open sky before noon.
• Mulberry (#6D0040): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Deep Forest (#2B2F00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, 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

• Garnet Station color palette (#E1F8F2, #5D843B, #1A50A0, #73000D, #1F3200)
• Aubergine Market color palette (#FFECF2, #A46717, #00615E, #5B0073, #422200)
• Washed Alley color palette (#CCE6F2, #007686, #760072, #3A2C00, #002620)
• Soft Corridor color palette (#E4F2E4, #008E8F, #005991, #3D1A6F, #001A05)
• Chalky Aubergine color palette (#D2E9F0, #006567, #590065, #36003E, #181100)
• Aubergine Lagoon color palette (#C8F1F2, #00835B, #5300C0, #502500, #022D04)
• Worn Cocoa color palette (#C6F2E9, #87ACAF, #437A8F, #724335, #334934)
• Mulberry Station color palette (#E7F9FF, #008F97, #862793, #523B00, #003A27)

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