Tempered Onyx color palette — #FFF1F1 · #D5E1FF · #FFBFA8 · #4A1500 · #1D0E06
A conversation between Espresso and Wheat, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Frost (#D5E1FF): A whisper-light, dusty violet — the color of a velvet chair.
- Wheat (#FFBFA8): A whisper-light, balanced orange — the color of autumn markets.
- Espresso (#4A1500): A deep, shadowed, balanced orange — the color of autumn markets.
- Ink (#1D0E06): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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
- Aged Honey color palette (#FFF1F3, #D5E0FF, #FFC648, #392800, #190F02)
- Sunflower Courtyard color palette (#FFE5FA, #EBE500, #DBC7C2, #4D3D00, #1B170B)
- Marigold Bloom color palette (#ECE0F9, #00CBB2, #C99700, #2B1B00, #150F06)
- Sand Meadow color palette (#FEF4E0, #FFD180, #806800, #392D00, #0C0600)
- Weathered Coral color palette (#FFE3E2, #7DDAFF, #EB6569, #4E2834, #2C1F2B)
- Mustard Market color palette (#F5E6F8, #B1BFFF, #E1A800, #1F1400, #020100)
- Soft Coast color palette (#FFD9D6, #FFB1D2, #82D600, #132600, #040400)
- Gentle Mustard Veranda color palette (#FCE8FC, #17DEF4, #EDB300, #654D13, #132518)
Browse the whole catalog at Explore, or see today's palette.