Tempered Navy color palette — #F7D9E4 · #794300 · #004E5A · #1E007B · #040100

Deep Indigo takes the lead with Bronze close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#F7D9E4): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#794300): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#1E007B): A deep, shadowed, vivid violet — the color of wild irises.
• Black (#040100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Creativity, 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

• Eclipse Cocoa color palette (#EFD7E5, #893400, #004F53, #002952, #050100)
• Washed Loft color palette (#D2EFDC, #635100, #004972, #3D005C, #020200)
• Deep Onyx color palette (#E4F5E3, #6D4500, #00353D, #1D004C, #070001)
• Navy Pier color palette (#EADEC4, #746300, #1D4900, #07006A, #030400)
• Frosted Delta color palette (#F5DBCC, #BD6422, #004F94, #362E78, #040100)
• Charred Garnet color palette (#EAE2F4, #64004D, #00275B, #250022, #060003)
• Aged Orchard color palette (#DFEEE6, #787200, #005FB7, #670080, #0F0E00)
• Ancient Courtyard color palette (#D5F9EF, #4B6D00, #4235BD, #60004D, #030600)

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