Hazy Garnet color palette — #C8ECE1 · #00659C · #921000 · #2F2800 · #000103

A conversation between Garnet and Peacock, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#C8ECE1): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#00659C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Garnet (#921000): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#2F2800): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000103): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

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

• Hushed Mulberry color palette (#CCE7D4, #006C7B, #900045, #3B2100, #000102)
• Ultramarine Pier color palette (#EADDE9, #0051D7, #783900, #2A2A00, #000107)
• Twilit Navy color palette (#E2F0FF, #00457A, #592400, #321100, #000104)
• Lapis Grove color palette (#F2DAE7, #6243DC, #740025, #191600, #000201)
• Cobalt Courtyard color palette (#DAF5E9, #0087B5, #956500, #724C00, #000603)
• Twilit Aubergine color palette (#D5E8F6, #004A67, #54016A, #00240C, #00050A)
• Tempered Grape Atelier color palette (#FBE2EE, #6A1FDF, #624900, #043204, #010008)
• Indigo Cabin color palette (#EFE6D9, #6162E1, #680080, #241A00, #020008)

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