Tempered Onyx color palette — #FBE8E6 · #8D522C · #3F3D07 · #320C3E · #310004

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

The five colors

• Rose Water (#FBE8E6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Coffee (#8D522C): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3F3D07): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#320C3E): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#310004): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Dusty Onyx Ridge color palette (#F7DAC2, #7C603D, #224C1C, #460020, #240D00)
• Onyx Parlor color palette (#F4EAF6, #8B5F56, #5B3800, #250553, #23042A)
• Velvet Spruce color palette (#EAE0C7, #545A2B, #003E1E, #0A1034, #080012)
• Eclipse Forest color palette (#F4F0D9, #206D48, #003231, #2F001D, #000803)
• Nocturne Fern Terrace color palette (#F0E6DA, #625800, #2D3A00, #001E0B, #000B08)
• Soft Olive color palette (#EFE0C5, #737A24, #1E6334, #17265E, #130524)
• Antique Olive color palette (#EEE7D5, #608551, #005865, #4C1C00, #231500)
• Worn Bronze color palette (#FAD7CA, #97852C, #187358, #5A3361, #25022B)

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