Garnet Coast color palette — #FDF3EF · #CDC27F · #7F4F4D · #5F2309 · #2A231B

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

The five colors

• Ivory (#FDF3EF): a clean, paper-quiet neutral.
• Pistachio (#CDC27F): A luminous, balanced green — the color of fresh herbs.
• Coffee (#7F4F4D): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#5F2309): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#2A231B): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Garnet Coast 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 Chestnut color palette (#FCF4E8, #D9BD7D, #7D5510, #3C3832, #25251C)
• Timeworn Olive color palette (#FCF3EF, #F2AC9C, #6A8947, #965B4D, #2F2E24)
• Driftwood Orchard color palette (#F9F2F9, #CCD7A9, #A16D70, #594659, #302830)
• Tempered Pier color palette (#FFF2EA, #BF9F00, #753100, #421800, #1C1402)
• Ash Bloom color palette (#FCF2F9, #C7E8CE, #B691AD, #82617A, #31282F)
• Timeworn Amber Terrace color palette (#EDDAC9, #AA8800, #512A00, #251000, #070500)
• Lowlit Bronze color palette (#E9E6D6, #8E6300, #1F2A2D, #1E1F00, #040500)
• Hushed Delta color palette (#FFF3E3, #D29A6B, #727D4C, #52567B, #604100)

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