Garnet Pier color palette — #FFF1F6 · #E3B257 · #B96500 · #8F1900 · #1C1900

Rust and Ochre set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Gold (#E3B257): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#B96500): A full-bodied, balanced gold — the color of old brass.
• Rust (#8F1900): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#1C1900): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, 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

• Muted Bronze Terrace color palette (#DFFFE3, #C9BE5A, #A27500, #773B00, #131C00)
• Terracotta Dune color palette (#FFF0F9, #E3C09D, #B7785C, #8E373E, #0D2817)
• Gentle Amber color palette (#F3D9C1, #F6A331, #D77A00, #AF5300, #392400)
• Gentle Amber color palette (#FFEAD8, #C27B00, #854A00, #572600, #1B0F00)
• Sunlit Amber color palette (#DFFFE8, #CFD69E, #AF8E10, #885000, #143000)
• Bronze Lagoon color palette (#FFF1F5, #C4E7CD, #BB9670, #99563E, #1C382D)
• Softworn Cocoa Quarry color palette (#D0E6D1, #928748, #684600, #391600, #010100)
• Magenta Villa color palette (#DBFDFF, #00AB86, #BA30D7, #893900, #00110B)

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