Tempered Navy color palette — #EBDAE2 · #46819B · #003C6E · #001F1E · #00000C

Navy takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Silver (#EBDAE2): A whisper-light, dusty rose — the color of strawberry cream.
• Slate (#46819B): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#003C6E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#001F1E): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#00000C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Navy Market color palette (#ECDEE3, #5392B6, #004694, #002B2D, #03001B)
• Sunlit Byzantium Lagoon color palette (#D1ECFE, #6E81C5, #8F48A9, #003D41, #000207)
• Cellar Cocoa color palette (#CAE2F4, #005373, #5C2D00, #002231, #030100)
• Petrol Basin color palette (#EEE6EB, #77C3C0, #00788B, #004E2B, #001826)
• Antique Courtyard color palette (#F6EFF3, #C5E1F2, #4494D4, #006D67, #1C2C47)
• Sapphire Drift color palette (#E9F6E8, #86C2F6, #3459FF, #00505A, #1C0945)
• Inked Fern color palette (#D3F2DD, #535700, #342800, #190A00, #000200)
• Dusty Lagoon color palette (#F4E8F0, #2A859B, #004061, #00201B, #000108)

Browse the whole catalog at Explore, or see today's palette.