Garnet Pier color palette — #FFF0F8 · #D2AA83 · #A96136 · #821806 · #1B1000

A conversation between Rust and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Camel (#D2AA83): A luminous, dusty gold — the color of old brass.
• Ochre (#A96136): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#821806): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1B1000): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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

• Worn Bronze color palette (#E5FDE4, #C8B077, #9F6913, #6D3400, #00180C)
• Softworn Workshop color palette (#FFF0FC, #EF91BA, #C24567, #811100, #1E0800)
• Weathered Lagoon color palette (#FFF1F6, #B1D1B2, #B17D50, #82462C, #042915)
• Patina Cocoa color palette (#F2E1D5, #A97D3C, #853E14, #561724, #140D00)
• Ancient Workshop color palette (#F9E3EF, #CFAB76, #CF723C, #A24C57, #012C1C)
• Shadow Cocoa Boulevard color palette (#ECDCE5, #976639, #632700, #2B0000, #020100)
• Bronze Courtyard color palette (#EDF9EF, #C7E5D3, #B29B6F, #8A6138, #16392D)
• Hushed Driftwood Coast color palette (#CEEBD8, #8A8A41, #5D4C00, #301D00, #010100)

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