Tempered Onyx color palette — #FFD3DB · #CF9E74 · #71804F · #5B4C77 · #321C51

Deep Indigo and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFD3DB): A whisper-light, dusty red — the color of a theater curtain.
• Camel (#CF9E74): A luminous, balanced gold — the color of old brass.
• Walnut (#71804F): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#5B4C77): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Indigo (#321C51): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, 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

• Muted Taupe color palette (#FDE5F9, #B39B6F, #467B79, #4F4968, #29243D)
• Muted Onyx color palette (#ECECFF, #CA91AD, #9F785B, #435283, #2A2356)
• Antique Onyx color palette (#FDD7F6, #C0AC7B, #568D6D, #7B464A, #50161C)
• Ancient Denim color palette (#FFE6D3, #C2B283, #7C8A60, #0C6593, #43496D)
• Softworn Indigo color palette (#FFD6EA, #E6B0B4, #9F9164, #8263A9, #5F3A4E)
• Patina Hollow color palette (#F0DBD3, #888054, #175948, #3A1F3B, #1F0721)
• Timeworn Pine color palette (#E0FAE6, #9AB270, #007F51, #5C3E6A, #1A2500)
• Wandering Sand Harbor color palette (#FFF3E8, #F5D792, #A3B677, #4C7EA5, #333E6F)

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