Tempered Navy color palette — #E3E6ED · #99A0B0 · #7D759F · #1F287E · #01040E

Indigo and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#E3E6ED): a clean, paper-quiet neutral.
• Blue Fog (#99A0B0): A luminous, dusty violet — the color of wild irises.
• Slate (#7D759F): A full-bodied, dusty violet — the color of a velvet chair.
• Indigo (#1F287E): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#01040E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Creativity, 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

• Muted Atelier color palette (#EAE3E9, #BD9FAE, #98747C, #032F80, #1B0F1A)
• Worn Villa color palette (#DAE1E6, #93A2AE, #5780A3, #003D4D, #00050A)
• Aubergine Dune color palette (#E8E7F1, #A19DAE, #986C88, #521261, #04030B)
• Navy Field color palette (#E8EFF9, #CACFE4, #A6A1C4, #1D4899, #00020B)
• Worn Mulberry Cabin color palette (#E9E8F0, #CEC8DA, #AD9CBC, #743C76, #16141E)
• Muted Pewter Villa color palette (#F4F0F6, #DED4D8, #CEB6BD, #9A6274, #302933)
• Dusty Garnet color palette (#EDE2F4, #845C80, #70224C, #3B1A00, #0F0600)
• Amethyst Lantern color palette (#DAE1FD, #6581FF, #772FFD, #7500AB, #020007)

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