Tempered Navy color palette — #D7F5FF · #007CA9 · #004A77 · #001B5E · #05002D
A conversation between Deep Indigo and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Frost (#D7F5FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#007CA9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004A77): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#001B5E): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#05002D): 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
- Frosted Navy Station color palette (#CEF0F3, #008AA8, #004E81, #191978, #2A0F43)
- Aged Petrol Study color palette (#D5F0EE, #00838A, #00525F, #002634, #000F1C)
- Linen Meadow color palette (#BFECEB, #00ACCE, #0068AC, #1E2399, #12002A)
- Sapphire Veranda color palette (#E7DCE7, #006AC9, #7A4D00, #00356B, #0E0600)
- Orchid Cabin color palette (#E9D8E7, #A1A0F6, #A864BD, #00587E, #0A0729)
- Linen Nightshade color palette (#E0F2FF, #006DD0, #1400D4, #210072, #0D0029)
- Soft Cobalt Summit color palette (#C3EBFF, #6BABE2, #3171C9, #3C4C8C, #3A1C2F)
- Blazing Alley color palette (#DDEBFF, #5675FF, #4E09EC, #460097, #24003F)
Browse the whole catalog at Explore, or see today's palette.