Tempered Navy color palette — #EDD7E4 · #B08400 · #2E2479 · #120D38 · #14060F

Royal Purple and Mustard set the tone — five colors that lean into optimism and creativity.

The five colors

• Shell Pink (#EDD7E4): A whisper-light, dusty pink — the color of neon signs at night.
• Mustard (#B08400): A luminous, balanced gold — the color of old brass.
• Royal Purple (#2E2479): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#120D38): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#14060F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Creativity, Balance. Tagged luxury, dark.

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

• Amber Summit color palette (#F9E9F1, #BF942B, #44386F, #231B3C, #1F1118)
• Patina Coast color palette (#C6E6DE, #B08400, #003762, #00172D, #000F0B)
• Midnight Courtyard color palette (#FADBE6, #9A7300, #340A58, #100021, #090003)
• Airy Aubergine color palette (#ECD8DB, #B08400, #5B015A, #290128, #160608)
• Powdered Indigo color palette (#D7DEF1, #EF9FA5, #7068CE, #433F7A, #040821)
• Antique Garnet color palette (#FFF2EF, #CB9900, #870636, #45101E, #281511)
• Softworn Boulevard color palette (#F5ECEE, #DFC5C6, #B69895, #684476, #38292D)
• Feathered Grape color palette (#F5D3E5, #6437D8, #6B4D00, #054409, #2C0F20)

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