Garnet Pier color palette — #F0DAE6 · #CFA47A · #928500 · #94001A · #391A00

A conversation between Garnet and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F0DAE6): A whisper-light, dusty pink — the color of a candy shop window.
• Camel (#CFA47A): A luminous, dusty gold — the color of honey in a jar.
• Olive Leaf (#928500): A luminous, balanced green — the color of new leaves after rain.
• Garnet (#94001A): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#391A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged pastel, light, 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 Moss Archive color palette (#F6E4EA, #BEA462, #778E00, #722900, #211400)
• Mulberry Lagoon color palette (#F1DCF3, #E3957E, #AE782C, #88085B, #3B0D0D)
• Linen Moss color palette (#FFE1DA, #E9A655, #5A9921, #752263, #1C0900)
• Tempered Clover Coast color palette (#F3E0D9, #EAB975, #69B75B, #9E4288, #331A00)
• Pine Coast color palette (#DEF2E5, #93A169, #297A4A, #432900, #0C0F00)
• Misty Lime color palette (#FFF3DF, #E6D476, #88BA50, #994C00, #403400)
• Misty Honey color palette (#F3DCD2, #FFBA5F, #C3B557, #C2666C, #3A220B)
• Shadow Bronze Quarry color palette (#DCEADD, #9A7300, #352300, #0F0700, #000203)

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