Tempered Navy color palette — #F1E4F2 · #C5946F · #18477A · #001C3C · #0C010D

Navy and Camel set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F1E4F2): A whisper-light, dusty pink — the color of neon signs at night.
• Camel (#C5946F): A luminous, dusty gold — the color of honey in a jar.
• Navy (#18477A): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#001C3C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0C010D): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Weathered Abyss color palette (#DCEEE5, #C88E8F, #004E67, #00202C, #000704)
• Tempered Denim Archive color palette (#F9EEF7, #C4B281, #3D528A, #16244C, #130811)
• Shadow Bronze Terrace color palette (#F4E3F3, #A26B07, #002463, #00061D, #030003)
• Nightshade Chapel color palette (#EDDDE7, #84A300, #331C9E, #11004A, #020014)
• Dusty Aubergine Lantern color palette (#FFECF2, #6BBB91, #603481, #31004C, #160108)
• Denim Orchard color palette (#F6F0F4, #DDD3D2, #CAB0AE, #525EA0, #271D24)
• Tempered Mulberry color palette (#EBF4F1, #68A8D2, #9E405A, #005B87, #110201)
• Soft Aubergine Workshop color palette (#F4DEE2, #47A084, #571166, #210029, #060001)

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