Tempered Onyx color palette — #D5E5DE · #007770 · #004455 · #002841 · #000A46

Deep Indigo and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D5E5DE): a clean, paper-quiet neutral.
• Teal (#007770): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#004455): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002841): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#000A46): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged 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

• Velvet Cypress color palette (#D6F1EF, #007078, #003F4E, #001A25, #000610)
• Onyx Pier color palette (#CEE6E5, #006A8B, #00325E, #12004E, #11002A)
• Garnet Courtyard color palette (#CFE6F8, #006791, #8C1700, #003148, #250200)
• Worn Onyx color palette (#D2EBE3, #00A19E, #007D9F, #00548A, #010241)
• Tempered Veranda color palette (#E4E9D3, #00842E, #004F3D, #002524, #020E1B)
• Plum Terrace color palette (#D3EAF7, #87A1E3, #9D559B, #004E45, #001627)
• Softworn Aubergine color palette (#DDF3EC, #00A6B3, #007296, #004173, #2C197E)
• Tempered Pier color palette (#CAECF7, #006996, #001EA8, #220062, #200031)

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