Tempered Alley color palette — #FCD8F1 · #57CD6B · #00A1AE · #C90038 · #003124

Ruby and Clover set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#FCD8F1): A whisper-light, dusty pink — the color of neon signs at night.
• Clover (#57CD6B): A luminous, vivid green — the color of fresh herbs.
• Cerulean (#00A1AE): A luminous, balanced blue — the color of deep harbor water.
• Ruby (#C90038): A full-bodied, vivid red — the color of late-summer berries.
• Deep Forest (#003124): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged retro, vibrant.

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

• Pale Bloom color palette (#FFD8EC, #00CCB3, #19A1E2, #9E4800, #003032)
• Feathered Plum Courtyard color palette (#FFDCCA, #ABBD00, #00A689, #BA008D, #0E3200)
• Linen Thicket color palette (#E2E6D2, #85D5AD, #4CAFC1, #B85A5D, #553500)
• Quiet Periwinkle color palette (#E0F6DF, #42D0DA, #6597E8, #9D6800, #07354A)
• Feathered Magenta Dune color palette (#CDEFF5, #00C2B0, #CA3FE1, #A200B8, #2F2200)
• Muted Turquoise color palette (#FDF1FA, #AFDDC2, #74BACE, #B57A73, #2C4E53)
• Sunlit Sapphire Hollow color palette (#D6F0E2, #00ACB8, #2D6DE8, #695200, #001923)
• Olive Villa color palette (#D3F3EB, #80D5A6, #00AEA0, #608A26, #003820)

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