Tempered Navy color palette — #E7F9FF · #70B8DB · #2E7FB0 · #13518A · #10397C
Navy takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E7F9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#70B8DB): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#2E7FB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#13518A): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#10397C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Navy 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 Aubergine Ridge color palette (#EBF4FF, #94B2E8, #6674AE, #46448E, #591861)
- Pale Cerulean color palette (#D3FFF8, #62C2C2, #008A97, #00596A, #004358)
- Hazy Azure Ridge color palette (#ECF7FF, #97EEFF, #51BFF0, #5992DC, #153F56)
- Softworn Coast color palette (#DAFDFC, #4EA3C6, #446D97, #643B6C, #274052)
- Chalky Ultramarine Boulevard color palette (#E2FCD7, #89D2DF, #389BC9, #2E5EB7, #3A267D)
- Tempered Veranda color palette (#EEF7FA, #D6DAE0, #BABECA, #2F818E, #3F4A4E)
- Wandering Basalt color palette (#E3F2FF, #A0B4CD, #768197, #6B6078, #5B4A62)
- Quiet Petrol color palette (#C8EBFD, #0072A6, #003E73, #001546, #03002C)
Browse the whole catalog at Explore, or see today's palette.