Tempered Navy color palette — #E8F0FB · #8A8D99 · #6E677B · #00265D · #000105

Built around Midnight, softened by Graphite — the whole palette hums with trust and stability.

The five colors

• Frost (#E8F0FB): bright and airy, almost weightless.
• Gray (#8A8D99): soft and architectural.
• Graphite (#6E677B): A full-bodied, dusty violet — the color of a velvet chair.
• Midnight (#00265D): 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

• Muted Navy color palette (#ECF0F7, #9499A8, #6D6E86, #030388, #030917)
• Navy Delta color palette (#F6EAF4, #C9B4C0, #A28A93, #153286, #030003)
• Aubergine Quarry color palette (#DFDDE8, #A59CA9, #8C7383, #5A0061, #050211)
• Worn Denim color palette (#E4E9F4, #CBCAD6, #AC9DB5, #4A4D8C, #0F1524)
• Ancient Courtyard color palette (#F1F1F8, #DDD4D9, #C7B8BB, #846992, #2B2B35)
• Velvet Denim color palette (#CFF1FF, #534E83, #52273E, #001F11, #000502)
• Linen Lapis Field color palette (#DFE7FF, #008693, #5C46C9, #7D0037, #030005)
• Velvet Fern Market color palette (#D6E4D4, #5C5C0F, #033405, #250226, #010100)

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