Garnet Studio color palette — #E8FAF7 · #2E7D42 · #832B23 · #4A2B00 · #00281E

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

The five colors

• Ivory (#E8FAF7): bright and airy, almost weightless.
• Olive (#2E7D42): A full-bodied, balanced green — the color of new leaves after rain.
• Rust (#832B23): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#4A2B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#00281E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.

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

• Antique Garnet color palette (#EAF9F3, #636E00, #7B1E4B, #5C1900, #092712)
• Softworn Cocoa Orchard color palette (#E3FAFF, #00736F, #6D4000, #343600, #002714)
• Muted Pier color palette (#EDF9EB, #009C95, #B12E8D, #654A00, #152313)
• Frosted Mulberry Loft color palette (#E5F5FE, #007E9D, #82237F, #462900, #000B10)
• Lowlit Forest Studio color palette (#C8E7E6, #00562C, #4F1000, #251600, #040600)
• Frosted Canyon color palette (#E6FCED, #00BDDF, #927FE4, #58873E, #172512)
• Dusty Workshop color palette (#F0F6FA, #D6D9E2, #A3B6C9, #006E8E, #2D3D47)
• Chalky Garnet color palette (#EDF1FF, #7568BE, #812E6E, #720109, #3D2600)

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