Tempered Navy color palette — #D7E9DC · #008A9B · #00397B · #003239 · #000105
Navy and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D7E9DC): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#008A9B): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00397B): A deep, shadowed, balanced blue — the color of open sky before noon.
- Deep Forest (#003239): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, 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
- Dusty Nightshade Chapel color palette (#D3E6DD, #0086AC, #1C00B3, #003040, #00000B)
- Weathered Courtyard color palette (#DBEEF9, #007AB9, #004177, #000342, #01000B)
- Hushed Balcony color palette (#E5EEE9, #ADC0B7, #789A8F, #004353, #000201)
- Smoked Archive color palette (#D9EFF8, #006772, #002A4C, #002227, #000206)
- Pine Lagoon color palette (#ECF3E0, #00915D, #004548, #00351F, #000202)
- Aubergine Parlor color palette (#EDDFED, #3079D5, #4D008F, #00295B, #020007)
- Lowlit Nightshade color palette (#F1DEE0, #0067AB, #180098, #1E0015, #000105)
- Weathered Workshop color palette (#E7FAF5, #65A7E7, #5045CB, #004F8A, #01000A)
Browse the whole catalog at Explore, or see today's palette.