Tempered Navy color palette — #DCE4F0 · #9EA4B9 · #83839E · #283D89 · #050912

Indigo takes the lead with Slate Blue close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Frost (#DCE4F0): a clean, paper-quiet neutral.
• Blue Fog (#9EA4B9): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#83839E): A luminous, dusty violet — the color of wild irises.
• Indigo (#283D89): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#050912): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Navy Chapel color palette (#DEE6F2, #9599AB, #716D85, #0D2560, #020918)
• Timeworn Meadow color palette (#F0E4ED, #C7B4C0, #A48996, #212A8F, #030003)
• Tempered Coast color palette (#F4EDF3, #AD9B9B, #A18077, #2A56CF, #11050F)
• Dusty Atelier color palette (#E3DFEB, #BBAFC3, #A78AA8, #7C2F71, #161021)
• Indigo Pier color palette (#EBEEF9, #D6D6E6, #BAB2CF, #7165AE, #2A2D3B)
• Worn Pewter color palette (#E8E9FA, #8B60A2, #743F5B, #373300, #061600)
• Raspberry Alley color palette (#F8F2FF, #E9D6EE, #D3B2CE, #B44B8C, #382D44)
• Ash Grove color palette (#F5F4FC, #E4D7E0, #CEBBC4, #A183A5, #484650)

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