Tempered Azure color palette — #FCF3EF · #C0DDC7 · #499FD0 · #1C7F57 · #4C2F49

Cyan and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Celadon Mist (#C0DDC7): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#499FD0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#1C7F57): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#4C2F49): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Dusty Sky color palette (#FAF3F8, #D5D4E2, #41B1EF, #008357, #1F2D4D)
• Wandering Lagoon Alley color palette (#FAF4EF, #C1E7E8, #8BA6CF, #398A7E, #5C3C4E)
• Quiet Pine Courtyard color palette (#FFF2EE, #77DFDC, #009BBF, #007922, #00345F)
• Cobalt Chapel color palette (#F8ECE2, #98CCEC, #6685C5, #006C67, #302355)
• Lagoon Villa color palette (#FAF4EC, #C3ECCE, #53C1E6, #00A193, #174437)
• Pale Blush Balcony color palette (#FFDADA, #DB7AB7, #37A069, #00824D, #441E20)
• Denim Workshop color palette (#F4E6DF, #4AA0B3, #005D91, #003D2C, #03002D)
• Softworn Harbor color palette (#F5E6DD, #85BBCB, #0779C3, #005B47, #141450)

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