Garnet Lagoon color palette — #F7ECE6 · #B8964C · #742400 · #391508 · #170F02

A conversation between Rust and Mustard, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F7ECE6): a clean, paper-quiet neutral.
• Mustard (#B8964C): A luminous, balanced gold — the color of old brass.
• Rust (#742400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#391508): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#170F02): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

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

• Garnet Courtyard color palette (#FBEAE9, #B79750, #6E2249, #3B0F25, #211110)
• Pale Amber Coast color palette (#FCF3EC, #D68145, #506800, #7B3B00, #1C1903)
• Washed Amber color palette (#EEE3D2, #B88A00, #4C3700, #241800, #090900)
• Hushed Meadow color palette (#F8E9F5, #B9BC4F, #994642, #522724, #1C121B)
• Tempered Amber Corridor color palette (#FBE8F3, #EBBF8D, #B87454, #734B39, #1F1119)
• Muted Chestnut color palette (#F8F5EE, #D4BD8F, #6A5E2D, #3B3832, #24261A)
• Weathered Orchard color palette (#FDECD2, #AC7D00, #506400, #094174, #33302A)
• Deep Alley color palette (#ECDDCC, #896600, #293439, #2A1800, #080300)

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