Tempered Navy color palette — #E3F4F0 · #00ADB9 · #007AAC · #004588 · #171851
Built around Navy, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Cream (#E3F4F0): a clean, paper-quiet neutral.
- Cyan (#00ADB9): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#007AAC): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004588): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#171851): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Aged Nightshade color palette (#D1F2F5, #00A6CF, #0071CB, #2439A7, #2E184C)
- Worn Azure color palette (#DDFCFF, #7CE1FF, #00A1DA, #006EB0, #002F60)
- Teal Courtyard color palette (#DBEDDC, #00AF8D, #00787A, #005266, #002449)
- Faded Navy Loft color palette (#CCF2F0, #008AA9, #005A90, #141187, #120439)
- Sunlit Sapphire color palette (#E9F3FF, #6EB0FF, #006DCC, #003D70, #00112A)
- Aged Ultramarine color palette (#D5F4EF, #00CCE1, #0096C5, #235BB8, #3C376B)
- Tempered Workshop color palette (#DBF4E6, #72B2F5, #5E71D4, #55377E, #3A1D39)
- Weathered Nightshade Archive color palette (#CEE6EE, #0071A4, #002BAB, #25006A, #130018)
Browse the whole catalog at Explore, or see today's palette.