Garnet Pier color palette — #F7F6E7 · #4D6D14 · #842A43 · #542100 · #261900

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

The five colors

• Ivory (#F7F6E7): bright and airy, almost weightless.
• Olive (#4D6D14): A full-bodied, balanced green — the color of new leaves after rain.
• Wine (#842A43): A full-bodied, balanced red — the color of a theater curtain.
• Espresso (#542100): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#261900): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Garnet Pier 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

• Gentle Veranda color palette (#F1F8E8, #007C55, #832A00, #473100, #242205)
• Pale Mulberry color palette (#FEF4E3, #886700, #792275, #670028, #2E1600)
• Twilit Garnet color palette (#DEE0D1, #1A5300, #640018, #2B1500, #090800)
• Muted Cocoa Garden color palette (#F1F7ED, #419180, #8A5837, #594900, #32332C)
• Tempered Terrace color palette (#EAF6E7, #007B71, #771F98, #482500, #020E00)
• Patina Byzantium Drift color palette (#E1FBFD, #00A585, #8F49BF, #774400, #002427)
• Garnet Harbor color palette (#FDECF9, #5D72B8, #70397F, #70002C, #452000)
• Washed Cypress Pier color palette (#F1F7F2, #D0DCDA, #A4B9AE, #00727A, #343D35)

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