Garnet Lagoon color palette — #F9F1E5 · #AB8742 · #007086 · #6E1D46 · #3A0B0E

A conversation between Mulberry and Caramel, giving this palette its sense of trust and stability.

The five colors

• Cream (#F9F1E5): a clean, paper-quiet neutral.
• Caramel (#AB8742): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#007086): A full-bodied, balanced blue — the color of open sky before noon.
• Mulberry (#6E1D46): A deep, shadowed, balanced rose — the color of a warm blush.
• Onyx (#3A0B0E): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Softworn Garnet color palette (#F4F2E6, #85964F, #2168A6, #751825, #271D00)
• Wandering Aubergine Alley color palette (#F2F3E6, #749A67, #007471, #622360, #221F00)
• Navy Pier color palette (#FBEFE9, #BF7863, #20764D, #35357F, #3A0A11)
• Dusty Mustard Grove color palette (#E9FAF0, #B7A62F, #008AC4, #80476F, #53263F)
• Onyx Terrace color palette (#F0DEBE, #8A6E00, #005661, #4F0044, #140D00)
• Worn Cypress color palette (#F7F0EC, #C4E5D4, #6892B8, #006D67, #3C2138)
• Cocoa Pier color palette (#FDE9CC, #BFBBA4, #7F9570, #7A5053, #5D2203)
• Emerald Archive color palette (#F4F7E9, #4E9D52, #00726F, #004E72, #473500)

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