Tempered Alley color palette — #FDF1FA · #ADF3FF · #009FD3 · #006C57 · #011E3E

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

The five colors

• Ivory (#FDF1FA): a clean, paper-quiet neutral.
• Sea Foam (#ADF3FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#009FD3): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006C57): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#011E3E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Gentle Cornflower Parlor color palette (#FFF1F6, #D6E0FD, #518CFF, #006971, #1B1642)
• Aged Sky color palette (#FDF1F8, #D6D4E1, #48B0F2, #008073, #1C2D4E)
• Soft Cobalt Dune color palette (#FFF0F7, #89D7FD, #007BDD, #005151, #060232)
• Ancient Balcony color palette (#F6EDDF, #7CBEC9, #007391, #005049, #00324C)
• Dusty Denim Thicket color palette (#F6EBF1, #74ABC2, #005793, #002B29, #00000B)
• Patina Indigo Orchard color palette (#E4FDEA, #DEB327, #7270EF, #7A6000, #130C42)
• Aged Aqua Field color palette (#FAE8F4, #64CAC7, #007487, #004024, #000306)
• Powder Alley color palette (#F9F3F7, #D6D4E2, #98D4FA, #55A292, #3E4F64)

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