Tempered Onyx color palette — #E4EAF0 · #939AA9 · #6D6D8B · #002C50 · #010A16

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

The five colors

• Frost (#E4EAF0): bright and airy, almost weightless.
• Blue Fog (#939AA9): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#6D6D8B): A full-bodied, dusty violet — the color of wild irises.
• Midnight (#002C50): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#010A16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Onyx 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

• Weathered Navy color palette (#EDE5ED, #9A8796, #7E6174, #00275B, #030004)
• Timeworn Aubergine Balcony color palette (#E7E6ED, #AEA5B7, #8A788B, #56006E, #140F27)
• Softworn Navy Boulevard color palette (#D7DFE9, #9AA5B8, #7986A4, #00418E, #020917)
• Basalt Quarry color palette (#D7E8EE, #5B6C9D, #55305A, #192000, #001112)
• Hushed Terrace color palette (#DDEEE9, #B99FA2, #AB837E, #0266AC, #000C09)
• Weathered Cabin color palette (#EBEFF6, #CACBD5, #A39BB8, #3744B3, #242E40)
• Lapis Study color palette (#D6E5FC, #008DB4, #373FFD, #5F0062, #040016)
• Muted Balcony color palette (#F6F4FD, #DACDE1, #BC9AB8, #930098, #342F45)

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