Tempered Navy color palette — #E6F4FF · #97C0F1 · #6D84B3 · #4B5280 · #2C2658

Deep Indigo takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E6F4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#97C0F1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate Blue (#6D84B3): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#4B5280): A full-bodied, dusty violet — the color of wild irises.
• Deep Indigo (#2C2658): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged muted, cool.

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

• Ancient Aubergine Study color palette (#EBF7FF, #97BDDC, #6683B6, #535690, #563C75)
• Muted Mallow color palette (#F1F0FF, #CBB3F8, #9C7DB1, #6E4972, #451A40)
• Wandering Aqua color palette (#C3FFFE, #70D2DE, #3F97AB, #0E617A, #003047)
• Tempered Periwinkle Workshop color palette (#FFEDEA, #7DAFE8, #6B75A4, #6D4646, #342733)
• Worn Terrace color palette (#FAEDFA, #D4CFDF, #9AC8FF, #8C91CC, #372936)
• Basalt Orchard color palette (#E1FFDC, #9EDCF0, #8AA1CF, #72649F, #623060)
• Hushed Driftwood color palette (#EBF4F1, #CCDBDD, #BEB0A6, #668C7F, #323835)
• Feathered Ridge color palette (#D5E2FF, #929FFF, #6C56CA, #541E92, #2E0046)

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