Tempered Navy color palette — #EAF0F8 · #B4B9D5 · #958DA5 · #0F3977 · #000105

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

The five colors

• Cream (#EAF0F8): a clean, paper-quiet neutral.
• Ash (#B4B9D5): A luminous, dusty violet — the color of twilight just after sunset.
• Heather (#958DA5): A luminous, dusty violet — the color of wild irises.
• Navy (#0F3977): A deep, shadowed, balanced blue — the color of open sky before noon.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Boulevard color palette (#DEDEEA, #BFB7C8, #A2889F, #4D246E, #010007)
• Ancient Navy Pier color palette (#EEE8ED, #A3969C, #83686D, #010886, #120311)
• Aged Denim Study color palette (#F8ECF5, #AF9A9C, #A57E7E, #495CAD, #11040E)
• Driftwood Orchard color palette (#C9E3FA, #8D75AA, #72393F, #00221F, #000400)
• Dusty Cobalt color palette (#F2F5FD, #E0D8E1, #D1BAC6, #6C6FAE, #1A1E29)
• Aubergine Ridge color palette (#DBEBD1, #006B9B, #4D0066, #051000, #00000C)
• Muted Raspberry Pier color palette (#F7F3FE, #ECD7DE, #E0B7A2, #B455A2, #272132)
• Antique Iris color palette (#F0F5FF, #DFD8E2, #B8B0A8, #798FD0, #2F3540)

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