Tempered Alley color palette — #F7EFF5 · #9EDDDF · #0091B1 · #006544 · #002840

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#F7EFF5): bright and airy, almost weightless.
• Ice Blue (#9EDDDF): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#0091B1): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006544): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002840): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Ancient Cobalt color palette (#FAEEF4, #AFD5F0, #4A85C9, #006262, #191C54)
• Hushed Petrol color palette (#FBEDF7, #82C9D1, #007DA2, #00543F, #001B34)
• Teal Grove color palette (#D0F1D9, #00AF96, #007E7D, #005661, #002D40)
• Cypress Study color palette (#F6F0F4, #D4D2E7, #6EA4C5, #2C7A6B, #25374E)
• Weathered Lagoon color palette (#F9E8F3, #4F9897, #005262, #002E19, #00050B)
• Linen Hollow color palette (#E0F6FF, #00ACBE, #DC3F6C, #006773, #430017)
• Scarlet Bloom color palette (#B4F1FE, #0093A8, #D51D37, #A93300, #001C22)
• Dusty Canyon color palette (#F9E9F1, #7CA2BC, #0057A6, #00393A, #060030)

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