Tempered Navy color palette — #E0E7EF · #838EA0 · #616B82 · #00275B · #000105

Midnight and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E0E7EF): a clean, paper-quiet neutral.
• Slate Blue (#838EA0): A luminous, dusty violet — the color of a velvet chair.
• Slate (#616B82): A full-bodied, dusty violet — the color of twilight just after sunset.
• Midnight (#00275B): A deep, shadowed, balanced blue — the color of deep harbor water.
• 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

• Ancient Navy Hollow color palette (#E6EEF7, #B1BBD0, #8D8EB1, #003E6B, #000104)
• Aged Studio color palette (#EDEBF5, #A39CAF, #847494, #501D55, #05020E)
• Patina Denim Study color palette (#E4E9F4, #C6CADD, #9FA1BD, #4C4F84, #12161F)
• Quiet Lapis Station color palette (#E0E9FE, #0073D0, #431BEC, #461C84, #01000A)
• Shadow Grape Studio color palette (#EBE8FF, #724A9B, #502151, #2E0100, #0D0200)
• Dusty Pewter color palette (#F1F1F9, #E0D5E1, #C7B9C4, #816B8F, #2B2B36)
• Timeworn Grove color palette (#F3F0FC, #DCCCED, #B4A4BE, #8E2C81, #1D1529)
• Fern Alley color palette (#D0EBDF, #4E6100, #1A3100, #001917, #010100)

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