Tempered Azure color palette — #F3F7E8 · #D6E3F7 · #00A5EA · #006F83 · #002743
A conversation between Cornflower and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F3F7E8): A whisper-light, dusty green — the color of new leaves after rain.
- Frost (#D6E3F7): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#00A5EA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#006F83): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#002743): 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
- Sky Basin color palette (#F4F6ED, #D6D6E5, #3EB3E7, #007D8C, #07372B)
- Magenta Archive color palette (#EEF6FF, #379DFE, #CB24F9, #00847A, #001329)
- Frosted Aqua color palette (#E1FAFF, #00CDF2, #008AAF, #005472, #002A41)
- Softworn Teal Veranda color palette (#E1E2D1, #5DB3AE, #006164, #002C24, #000102)
- Weathered Moss color palette (#DAFFEF, #31C1FC, #68B100, #00759D, #112400)
- Periwinkle Ridge color palette (#FFF2E9, #A6E4FF, #5AB0FF, #009893, #1E2A6D)
- Wandering Lagoon color palette (#EDF7FF, #A3D3FF, #0085CE, #003D68, #000611)
- Hushed Delta color palette (#F4F6F0, #C1DFF4, #8EBEF9, #4A8BAB, #4D374B)
Browse the whole catalog at Explore, or see today's palette.