Tempered Alley color palette — #F9F4ED · #BCE9EB · #84A9CC · #168A98 · #573E54

Cerulean and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Frost (#BCE9EB): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#84A9CC): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#168A98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#573E54): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Softworn Market color palette (#F9F4EE, #BCEAE5, #74ADC9, #1C8C87, #1E5246)
• Cypress Veranda color palette (#FCF3ED, #CAE3D9, #6F8ABD, #00716A, #5C3C4D)
• Patina Garden color palette (#FAF3F6, #D6DEF5, #9CBEF9, #3DACA1, #404661)
• Antique Petrol color palette (#EDE6DC, #6AC2C7, #00829A, #005B4B, #002332)
• Antique Moss Cabin color palette (#FFF2EF, #D88A9D, #88A54A, #498DC1, #4E2E29)
• Denim Delta color palette (#E7E1D7, #5A9EB0, #006083, #003B3A, #000A17)
• Soft Cerulean color palette (#FCF4E7, #6DE0E0, #009EB1, #00755A, #00394A)
• Worn Studio color palette (#F8EFDF, #79A7CD, #1B60C7, #004858, #0A083E)

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