Tempered Alley color palette — #F9F4ED · #BCF0E1 · #68CFDF · #5EA98F · #334F41

Aqua and Jade set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Honeydew (#BCF0E1): A whisper-light, dusty teal — the color of sea glass.
• Aqua (#68CFDF): A luminous, balanced blue — the color of deep harbor water.
• Jade (#5EA98F): A luminous, balanced teal — the color of shallow lagoons.
• Deep Olive (#334F41): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Hushed Chapel color palette (#FAF4EC, #C0EBE8, #8FC5E8, #4EA8AA, #553E58)
• Timeworn Fern color palette (#F4F9D9, #C2F0F2, #9BDBFF, #AAB483, #425611)
• Weathered Cypress Corridor color palette (#EAF4F2, #C5E2EA, #529B9F, #006E5E, #033140)
• Aqua Atelier color palette (#F5EADA, #1DC6D5, #0091B1, #006E60, #001623)
• Muted Sky color palette (#FEF4E4, #92E9FF, #09BAF6, #009893, #00355A)
• Cobalt Grove color palette (#F9EEDC, #60A9D7, #0074D5, #005B69, #02022B)
• Chalky Celadon Coast color palette (#DDFFE6, #9FF1B0, #6FC28E, #528F67, #09371D)
• Faded Chartreuse color palette (#F5F7E5, #9EE186, #E0A4EC, #7EAE6D, #5B363F)

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