Tempered Alley color palette — #F9F4EE · #CFE3CE · #5197A0 · #237257 · #2B513E

Pine takes the lead with Storm Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Celadon Mist (#CFE3CE): A whisper-light, dusty green — the color of fresh herbs.
• Storm Blue (#5197A0): A luminous, dusty blue — the color of open sky before noon.
• Pine (#237257): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#2B513E): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Cypress Hollow color palette (#FAF4EB, #C7E4D5, #5A91B5, #007074, #583D59)
• Washed Dune color palette (#F9F4ED, #ADCFB6, #1E84A3, #006158, #103F5A)
• Patina Forest Drift color palette (#F7F0EE, #CDE4CC, #4599B6, #18712E, #38233B)
• Cerulean Orchard color palette (#F7EEE1, #529DA3, #005364, #003129, #001622)
• Worn Aqua Dune color palette (#F1F7F2, #C9E3FA, #57D1E1, #60A98D, #2F4C5B)
• Weathered Pine color palette (#F8F3F9, #CCE0F4, #71AFC5, #438D4B, #2A4A6B)
• Powdered Grape Corridor color palette (#FFF1F4, #B68EC6, #6E9756, #814B96, #324A23)
• Worn Lilac Archive color palette (#FFF1F3, #AA6FB2, #9C7310, #00777F, #4C2E34)

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