Garnet Studio color palette — #F0F3FF · #C79ED5 · #9D5E7E · #833434 · #5A3400

Rust and Mocha set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F0F3FF): bright and airy, almost weightless.
• Mauve (#C79ED5): A luminous, balanced pink — the color of neon signs at night.
• Mocha (#9D5E7E): A full-bodied, balanced rose — the color of a warm blush.
• Rust (#833434): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#5A3400): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Rust Atelier color palette (#F6EFFF, #D194AD, #A65957, #763F00, #483A00)
• Chalky Garnet color palette (#E0F1FF, #A1A3DA, #90639F, #792E4A, #6F0D00)
• Quiet Garnet Cabin color palette (#FFECF0, #C99ABB, #AC577A, #84082C, #440400)
• Wandering Plum Lagoon color palette (#EEEDFF, #E7ACD4, #C87190, #AD3C4F, #771100)
• Sunlit Ember Thicket color palette (#F3F4FF, #E6BFFD, #EF8EB5, #C9675C, #572E00)
• Ancient Pewter Canyon color palette (#F5F4FC, #E0D8DC, #CDBABD, #886593, #47474E)
• Lilac Market color palette (#E1FCF9, #9A8BD0, #915660, #005A5A, #3E3953)
• Hushed Amber Studio color palette (#F8F2FF, #D4D5FF, #E79BD6, #C3752E, #4E364F)

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