Tempered Garnet color palette — #CDEDF2 · #00665A · #63004A · #122500 · #001108

Mulberry and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#CDEDF2): A whisper-light, dusty blue — the color of open sky before noon.
• Pine (#00665A): A full-bodied, balanced teal — the color of shallow lagoons.
• Mulberry (#63004A): A deep, shadowed, balanced pink — the color of neon signs at night.
• Onyx (#122500): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001108): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, 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

• Aubergine Harbor color palette (#D4F3F0, #006A2B, #5F0057, #301900, #100C00)
• Shadow Coast color palette (#E0F1F8, #00545D, #550009, #001A06, #000604)
• Deep Aubergine color palette (#D1E7DF, #005D91, #5B005E, #2E1000, #010500)
• Denim Veranda color palette (#DBEDFE, #005C92, #532B00, #002618, #001010)
• Dusty Study color palette (#DBF6E9, #3E8D4C, #005047, #00314F, #012207)
• Antique Loft color palette (#D0EDFF, #007A9B, #852600, #003E1C, #002520)
• Antique Boulevard color palette (#D8E4EE, #007BBD, #8C007F, #4C2900, #001708)
• Navy Bloom color palette (#CFE1F6, #003D73, #20252D, #2B1A00, #000C07)

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