Tempered Navy color palette — #FBE8F3 · #B9964B · #3F367B · #201B3F · #20101A

A conversation between Royal Purple and Mustard, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#FBE8F3): A whisper-light, dusty pink — the color of neon signs at night.
• Mustard (#B9964B): A luminous, balanced gold — the color of honey in a jar.
• Royal Purple (#3F367B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#201B3F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#20101A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Creativity, Sophistication. Tagged luxury, dark, 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

• Patina Study color palette (#E4F2ED, #B79752, #00486A, #002539, #0A1A15)
• Softworn Courtyard color palette (#FEE8EA, #B69754, #6A1E5F, #380C32, #211113)
• Hushed Garden color palette (#F2E4F1, #7BB259, #284578, #071A3C, #0A0309)
• Dusty Loft color palette (#E6EFFC, #96C569, #3F60A7, #233652, #0E1623)
• Obsidian Aubergine color palette (#F6DCE7, #9A7300, #320063, #0E0023, #080003)
• Softworn Iris color palette (#E9EEFF, #F9B3B3, #887DBD, #565076, #121522)
• Pewter Station color palette (#FBF3F3, #D5BC95, #7B4C6B, #4F2D2F, #2C2421)
• Feathered Summit color palette (#F1D8D1, #B08400, #690020, #31000A, #150704)

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