Tempered Azure color palette — #FCF4E8 · #B6F1FF · #009FD1 · #006A65 · #002038
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FCF4E8): a clean, paper-quiet neutral.
- Frost (#B6F1FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#009FD1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006A65): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002038): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Feathered Cornflower color palette (#FAF4EB, #CEE9FF, #3D90FF, #00677B, #141A3E)
- Sky Courtyard color palette (#FAF4EC, #BFE5F4, #5AAFE7, #007E83, #3C243D)
- Denim Grove color palette (#F7EDDF, #67ACCD, #005890, #002B2F, #000107)
- Petrol Pier color palette (#E2F3F0, #81BCCA, #00748F, #004F53, #003346)
- Cobalt Atelier color palette (#FDF4E6, #9CD4F7, #007CD9, #00505B, #010334)
- Muted Veranda color palette (#DBFFEC, #E2DCE6, #C1C8FF, #008D95, #002B1F)
- Raspberry Boulevard color palette (#DBFFED, #00A1CB, #E00AA4, #756E00, #000F16)
- Aged Ember Quarry color palette (#E7FBEF, #2CCCF0, #DE4B1D, #006F85, #320700)
Browse the whole catalog at Explore, or see today's palette.