Garnet Pier color palette — #F6E0C4 · #8A5C00 · #186B08 · #7F0031 · #020100

Wine and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F6E0C4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ochre (#8A5C00): A full-bodied, balanced gold — the color of old brass.
• Olive (#186B08): A full-bodied, balanced green — the color of fresh herbs.
• Wine (#7F0031): A deep, shadowed, balanced red — the color of a theater curtain.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Aged Garnet Harbor color palette (#E9E7CF, #736900, #00684F, #781E00, #010100)
• Washed Basin color palette (#F9E8CB, #644600, #004F18, #5F001B, #0D0600)
• Brick Garden color palette (#FFE1D4, #C2090D, #695700, #6B0079, #040000)
• Dusty Market color palette (#F6DCC0, #AA7C31, #6D4200, #361900, #020100)
• Gentle Moss Meadow color palette (#FFF3E3, #E0D090, #A1AA00, #7B4E00, #060300)
• Cellar Navy Pier color palette (#F3DDC0, #644100, #00406F, #00286D, #020100)
• Powdered Bloom color palette (#C3EECF, #00924F, #007791, #6A5100, #000201)
• Antique Aubergine Terrace color palette (#FEE4CF, #924800, #611DA6, #480040, #030100)

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