Tempered Garnet color palette — #E1F7FF · #008A97 · #940409 · #371E00 · #030100

A conversation between Garnet and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E1F7FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008A97): A full-bodied, balanced blue — the color of deep harbor water.
• Garnet (#940409): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#371E00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#030100): a grounded near-black with real depth.

Feels like: Trust, Stability, Balance. Tagged muted.

Use it as a design system

One click turns Tempered 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

• Wandering Canyon color palette (#E8F4FF, #0080C8, #7D3500, #1D2A00, #010200)
• Mulberry Atelier color palette (#D5FBFF, #008F77, #8C0059, #490700, #060000)
• Worn Brick color palette (#EBF7FF, #08AADF, #BC2C00, #434200, #141400)
• Nocturne Alley color palette (#D7EDFE, #005B83, #520F00, #1B2329, #000B02)
• Weathered Indigo Corridor color palette (#D5F5EA, #0098E5, #7559CE, #851E6C, #001615)
• Nightshade Courtyard color palette (#DFE4F7, #5940AC, #60004F, #390002, #060300)
• Aubergine Alley color palette (#DDE8D7, #006756, #470083, #311800, #001708)
• Chalky Thicket color palette (#F1F5FF, #847DFF, #6B6600, #04460A, #001104)

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