Tempered Onyx color palette — #DDE6E4 · #A295A2 · #83667D · #002D4D · #000D09
Built around Midnight, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Parchment (#DDE6E4): a clean, paper-quiet neutral.
- Heather (#A295A2): A luminous, dusty pink — the color of neon signs at night.
- Slate (#83667D): A full-bodied, dusty pink — the color of neon signs at night.
- Midnight (#002D4D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000D09): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Spruce Parlor color palette (#DBE1DC, #8F9E93, #587967, #003233, #010D02)
- Washed Navy Villa color palette (#F2E9F1, #A2959E, #876578, #00167D, #130312)
- Tempered Hollow color palette (#E4EEF6, #9CA5B5, #7F84A2, #004A6E, #000A16)
- Weathered Aubergine color palette (#F6E8EC, #B7A3A7, #967579, #520075, #210C14)
- Ultramarine Garden color palette (#F3ECF2, #D5C8D0, #B497A6, #2A47B4, #362934)
- Pewter Studio color palette (#E3DEFD, #6E4F80, #502B4C, #3B0900, #1C0800)
- Grape Harbor color palette (#FEF1F4, #DFCDCF, #C59A9A, #8E04A0, #48282F)
- Patina Cabin color palette (#F8E1F5, #0083D8, #044CF0, #3E0097, #010016)
Browse the whole catalog at Explore, or see today's palette.