Tempered Onyx color palette — #F8DDE2 · #8E5E42 · #4B4000 · #0F1648 · #1A002D

A conversation between Deep Indigo and Deep Indigo, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F8DDE2): A whisper-light, dusty red — the color of late-summer berries.
• Walnut (#8E5E42): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#4B4000): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Indigo (#0F1648): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#1A002D): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

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

• Antique Onyx Delta color palette (#FFE6E2, #88682E, #2E4600, #260056, #2E001B)
• Cocoa Courtyard color palette (#EDDFEB, #93575C, #5E2F00, #002532, #080C21)
• Patina Bronze color palette (#EEDFCD, #917315, #56570E, #003B2F, #00181D)
• Patina Delta color palette (#FFE6E4, #A97D47, #646D20, #624359, #090432)
• Fern Chapel color palette (#E3F1E5, #616119, #163300, #2D0024, #060600)
• Nightshade Atelier color palette (#D9F3E2, #605000, #152A9E, #282000, #010024)
• Inked Chestnut color palette (#FFE5D9, #7F4A00, #422E00, #181700, #000802)
• Nightshade Garden color palette (#E5E2CB, #494000, #230098, #250067, #020200)

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