Tempered Alley color palette — #AFF9CA · #FFC0A4 · #E0A0FF · #4C3E50 · #2F2E36

Lavender and Mint set the tone — five colors that lean into nature and growth.

The five colors

• Mint (#AFF9CA): A whisper-light, balanced teal — the color of shallow lagoons.
• Wheat (#FFC0A4): A whisper-light, balanced orange — the color of autumn markets.
• Lavender (#E0A0FF): A luminous, balanced violet — the color of wild irises.
• Charcoal (#4C3E50): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#2F2E36): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Antique Delta color palette (#95FBE3, #E9CF7A, #FD90EF, #594256, #373440)
• Tempered Straw Basin color palette (#E6EC9B, #FFBEB8, #A0BDFF, #4C495E, #333840)
• Glacier Meadow color palette (#71FEFB, #FFD687, #EAC2FF, #736267, #3A3234)
• Ancient Ridge color palette (#D5EADB, #B0DD79, #C1ABFF, #2A2D41, #1C1D22)
• Seafoam Dune color palette (#B1FFF7, #79F5AF, #CDC0FF, #604B55, #342C30)
• Hushed Plum color palette (#F6F4FA, #DDB0D2, #AB6C45, #9A4B8B, #382930)
• Misty Fuchsia color palette (#C6F1F5, #DEB600, #FF5AE1, #43183A, #231C2C)
• Terracotta Thicket color palette (#F9F2FF, #E5B1BB, #B0746C, #93430F, #633B00)

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