Garnet Workshop color palette — #FEEEE9 · #B1AE7D · #3F877A · #6F405E · #2E2E15

Charcoal Brown and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEEEE9): bright and airy, almost weightless.
• Sage (#B1AE7D): A luminous, dusty green — the color of new leaves after rain.
• Fern (#3F877A): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#6F405E): A full-bodied, dusty pink — the color of neon signs at night.
• Espresso (#2E2E15): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Garnet Workshop 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

• Cocoa Parlor color palette (#F8F0E8, #BD9368, #297D91, #78352A, #3B2000)
• Lagoon Orchard color palette (#FCF4E7, #94B37B, #1B8A70, #605176, #474941)
• Hushed Coast color palette (#FDEFE2, #6DAC86, #00759E, #673A00, #172812)
• Softworn Station color palette (#FCF1FC, #C2C28A, #48A498, #87617B, #364D49)
• Wandering Cabin color palette (#F5F1EA, #C7C5A7, #758D4B, #7C5B11, #32312A)
• Quiet Moss Coast color palette (#FFEDE9, #7DA026, #006F75, #760031, #00240E)
• Cocoa Lantern color palette (#FFEFDD, #D2CAB4, #909E84, #8A6154, #573500)
• Cypress Canyon color palette (#F6F1EC, #C8E3E6, #8D9AC7, #007B7C, #4B2B39)

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