Tempered Azure color palette — #F3F8E2 · #DAE4F8 · #02A4F1 · #006F86 · #002645
A conversation between Cornflower and Teal, giving this palette its sense of trust and stability.
The five colors
- Cream (#F3F8E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Frost (#DAE4F8): A whisper-light, dusty violet — the color of wild irises.
- Cornflower (#02A4F1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#006F86): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#002645): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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 Turquoise Atelier color palette (#F4F6ED, #D7D6E4, #63B0DC, #007C90, #08372C)
- Patina Periwinkle Study color palette (#FEF4E3, #ACE2FF, #56B1FF, #0095A4, #132F67)
- Hushed Teal color palette (#E2E3D2, #49B5B4, #006167, #002C26, #000102)
- Chalky Cobalt Lantern color palette (#E6F7E9, #84C5E7, #0076C1, #005059, #00114D)
- Frosted Corridor color palette (#FFF3E9, #80C1E2, #2468D4, #00574E, #351977)
- Tempered Station color palette (#F3F7EE, #E7D2D0, #9EBDEB, #5389A9, #4F354B)
- Rose Thicket color palette (#FFF1F3, #FF4F7D, #B87C00, #8851C5, #2A000B)
- Aged Peony Orchard color palette (#FFF1F3, #E3D8D1, #ECC596, #D06995, #4E1B1F)
Browse the whole catalog at Explore, or see today's palette.