Tempered Navy color palette — #DEF4FF · #0073AA · #003A74 · #0A0071 · #0C003B
Deep Indigo takes the lead with Slate close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#DEF4FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#0073AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003A74): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#0A0071): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#0C003B): 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
- Worn Onyx Lantern color palette (#CDE9F0, #007392, #00476B, #00213E, #000449)
- Aged Nightshade Dune color palette (#DAF6F8, #0081AA, #005AA6, #2D0098, #1D0037)
- Dusty Nightshade color palette (#DAF3FF, #008FDA, #006BCF, #1A1FBE, #11014A)
- Nocturne Nightshade color palette (#E4E7F5, #5164D3, #2A0BA0, #0C0040, #010017)
- Ultramarine Archive color palette (#FEE6FC, #074FD5, #644500, #001F77, #170D00)
- Washed Pier color palette (#F6E0F2, #A58FDB, #A06CA8, #003E6D, #100D31)
- Bright Ultramarine color palette (#CCE2F1, #2198FB, #234BF2, #3900B5, #331769)
- Chalky Amethyst Study color palette (#E7EBFF, #6D4DDE, #580099, #3C0050, #2C002E)
Browse the whole catalog at Explore, or see today's palette.