Tempered Azure color palette — #F7F0EC · #BFE7D3 · #4E93D0 · #006D68 · #3B2236

A conversation between Cerulean and Teal, giving this palette its sense of trust and stability.

The five colors

• Cream (#F7F0EC): bright and airy, almost weightless.
• Celadon Mist (#BFE7D3): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#4E93D0): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006D68): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#3B2236): 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 Azure 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

• Patina Cerulean Lantern color palette (#F7F0ED, #CBE4CD, #149DBD, #2D6C50, #11332A)
• Washed Cobalt Quarry color palette (#FBEFE8, #A1DAEE, #008AD3, #00635B, #10224D)
• Denim Canyon color palette (#F2E4DE, #5BACAB, #006375, #003C22, #000C17)
• Worn Alley color palette (#FBF2F7, #C9EAFF, #78AAD9, #458783, #384864)
• Patina Cerulean color palette (#F3E4DD, #0D8799, #00415B, #002019, #000105)
• Dusty Coral Workshop color palette (#EEF5E2, #6DB68F, #D36771, #00784D, #42171C)
• Muted Navy color palette (#E7DDD5, #4D92BC, #00429D, #002B2E, #03001A)
• Antique Sapphire Balcony color palette (#F2E7DE, #92BFAC, #006AC7, #004B4C, #0E1035)

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