Tempered Navy color palette — #D3E4D6 · #4388B5 · #003B78 · #002128 · #03012D
Navy and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Celadon Mist (#D3E4D6): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#4388B5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Navy (#003B78): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#002128): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#03012D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
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 Garden color palette (#E6F2E8, #328E9F, #004358, #002320, #000A16)
- Navy Delta color palette (#DCEADE, #5695CA, #023FA4, #002E3A, #0C0B39)
- Dusty Cobalt color palette (#EAEDE3, #7BA6C5, #1C78C1, #005973, #00081D)
- Antique Lagoon color palette (#E4F2E6, #49ACCE, #005D8A, #003E40, #001F42)
- Aqua Workshop color palette (#ECF9EE, #00D1D4, #007C8D, #005845, #00394B)
- Worn Jade Basin color palette (#DDF6F0, #4AA86A, #007773, #3C3700, #001311)
- Olive Terrace color palette (#E0EDDA, #327300, #143900, #18242A, #030C00)
- Moonless Aubergine color palette (#C5E8DD, #455A00, #5C0083, #1A2500, #0C0016)
Browse the whole catalog at Explore, or see today's palette.