Tempered Azure color palette — #F4F7E8 · #BAF0FF · #00A1CB · #006970 · #002232
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F4F7E8): a clean, paper-quiet neutral.
- Frost (#BAF0FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#00A1CB): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006970): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#002232): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, 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
- Muted Cornflower color palette (#F3F7ED, #D8DEFB, #3D93F3, #006488, #061B44)
- Timeworn Turquoise color palette (#A1F4F9, #00C1D3, #0090A8, #00576C, #002735)
- Wandering Atelier color palette (#E0E4D4, #70AACB, #00598B, #002A35, #000104)
- Powdered Violet Corridor color palette (#DAFFEF, #009FD5, #935DE9, #007E5C, #000F18)
- Feathered Moss color palette (#DFFEEC, #00BDE3, #869F00, #006F86, #151B00)
- Ancient Cerulean color palette (#E0FDF2, #DFD8E3, #D0C1F3, #0086A4, #062B43)
- Antique Petrol color palette (#E2ECE4, #92BACE, #00759D, #004B49, #00172B)
- Sky Thicket color palette (#F6ECE7, #90E1F6, #57AEE2, #159280, #1A2E4D)
Browse the whole catalog at Explore, or see today's palette.