Tempered Navy color palette — #D7EEEC · #0098AF · #006894 · #004578 · #1C2078
A conversation between Navy and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D7EEEC): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#0098AF): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006894): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004578): A deep, shadowed, balanced blue — the color of deep harbor water.
- Navy (#1C2078): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Cerulean Balcony color palette (#E1F1F6, #009AC7, #006083, #003D60, #00182E)
- Linen Lagoon color palette (#CFF4E3, #00A695, #00777C, #005161, #233059)
- Dusty Alley color palette (#DCEEEC, #00C7E4, #00A0D1, #0072CA, #182471)
- Wisteria Drift color palette (#CFFFEB, #BCC5FF, #BE7ED6, #00757B, #1C376A)
- Azure Study color palette (#DAEAFF, #3099FD, #0058BB, #002F5D, #001C3A)
- Hushed Dune color palette (#BFF1E3, #249AEE, #A23D00, #005286, #501A00)
- Sunlit Cobalt Balcony color palette (#D8EDFF, #0076BB, #945000, #724800, #002641)
- Muted Ultramarine color palette (#DFF3FF, #478CE1, #4547BA, #4A218B, #431F4F)
Browse the whole catalog at Explore, or see today's palette.