Tempered Garnet color palette — #E3EEE8 · #0E96BB · #970017 · #00495D · #1C0601

Garnet and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E3EEE8): bright and airy, almost weightless.
• Cerulean (#0E96BB): A luminous, balanced blue — the color of open sky before noon.
• Garnet (#970017): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Teal (#00495D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#1C0601): A deep, shadowed, dusty orange — the color of autumn markets.

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

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

• Weathered Loft color palette (#F2E7F1, #5389D3, #9A3F19, #002F69, #1A0700)
• Washed Garnet Workshop color palette (#D2E5E0, #297AC2, #790022, #00335C, #0B0100)
• Worn Mulberry Boulevard color palette (#EDF8F4, #68A0C9, #982F6B, #005581, #291010)
• Hazy Aubergine Grove color palette (#E4EEE7, #0099AF, #731F8C, #004A56, #1E030B)
• Powdered Nightshade Alley color palette (#F3E7F0, #7083CC, #7D3900, #2507BC, #190800)
• Muted Aubergine color palette (#DAE6F3, #4B92D5, #85009B, #00487E, #03000E)
• Faded Ultramarine color palette (#F9F3F9, #96B0D8, #A55445, #1759BF, #341E13)
• Weathered Navy Market color palette (#F1E1ED, #4B5CC3, #650400, #170079, #070000)

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