Tempered Azure color palette — #FFF2EC · #D4DEF8 · #00A8DC · #00755C · #002548
Cyan and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Powder Blue (#D4DEF8): A whisper-light, dusty violet — the color of wild irises.
- Cyan (#00A8DC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00755C): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002548): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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
- Faded Pine Summit color palette (#FFF2EB, #B3FFF9, #00ADC4, #00773F, #00283B)
- Hazy Boulevard color palette (#FFF3E7, #DCE3F6, #5C97FF, #007179, #201B4E)
- Sky Chapel color palette (#FFF2EC, #7BEDFE, #2AB7FC, #009D67, #182E66)
- Dusty Market color palette (#EDF9EF, #7DC5D0, #007A98, #00574E, #003753)
- Onyx Summit color palette (#F9EEF7, #6CCCDC, #007AB1, #005438, #050A52)
- Hushed Denim color palette (#FAEADF, #53AED7, #00559B, #002B2B, #01000B)
- Weathered Teal color palette (#E2FAFF, #DCDEE9, #D4C7FF, #00A792, #002E45)
- Dusty Cerulean color palette (#E8F8FF, #6BDAFF, #0094B9, #004354, #000B12)
Browse the whole catalog at Explore, or see today's palette.