Tempered Navy color palette — #EED9E3 · #AF5103 · #006E76 · #00339D · #1B0700

Indigo and Ochre set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#EED9E3): A whisper-light, dusty rose — the color of strawberry cream.
• Ochre (#AF5103): A full-bodied, balanced orange — the color of toasted spice.
• Teal (#006E76): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#00339D): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#1B0700): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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 Station color palette (#FFEADA, #B35300, #006D73, #002A8F, #030100)
• Weathered Aubergine Boulevard color palette (#D8E6DA, #8F6700, #006A89, #432B8D, #140C00)
• Rust Veranda color palette (#FFE3F8, #C03721, #007067, #00476C, #1B0217)
• Dusty Navy color palette (#F6E3EC, #7E3D00, #005037, #1F0079, #1A0800)
• Bronze Archive color palette (#D7F2DC, #A27900, #496200, #003670, #1A1600)
• Ember Boulevard color palette (#F5DDD2, #ED4824, #009190, #6B41C3, #200200)
• Grape Meadow color palette (#CFEED4, #AB7E00, #0081B4, #6931B1, #2A1D00)
• Navy Boulevard color palette (#C6ECD9, #5B5500, #004091, #3F0059, #020200)

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