Tempered Onyx color palette — #E5F1E6 · #8AB5A5 · #477C78 · #3E5271 · #31264A

Deep Indigo and Teal set the tone — five colors that lean into calm and sophistication.

The five colors

• Cream (#E5F1E6): a clean, paper-quiet neutral.
• Sage (#8AB5A5): A luminous, dusty teal — the color of glacier melt.
• Teal (#477C78): A full-bodied, dusty teal — the color of glacier melt.
• Peacock (#3E5271): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#31264A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Calm, Sophistication. Tagged vintage, retro, muted, cool.

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

• Wandering Denim Terrace color palette (#CDF1E0, #A5C6BF, #648E91, #57537F, #322E42)
• Washed Abyss color palette (#F4D9EB, #BF9EAA, #7E754A, #055160, #15283C)
• Dusty Petrol Garden color palette (#DAEEF0, #639FA2, #2A6891, #58273E, #3D0C09)
• Timeworn Lagoon Cabin color palette (#FFDECD, #B5A182, #5B8263, #6F4851, #58373F)
• Hushed Grove color palette (#B4F0D2, #81C1BC, #4D8396, #75325F, #4C181D)
• Worn Stone Dune color palette (#F7E5C9, #B3BA85, #779979, #576E97, #583747)
• Pewter Terrace color palette (#FFEFFF, #C2E2C0, #80AFA3, #7E566D, #3F314E)
• Timeworn Corridor color palette (#E1EFD0, #5DAF80, #007E7D, #5B2282, #3F032E)

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