Onyx Field color palette — #F7EDF3 · #9A878E · #5C725F · #4A1600 · #030002

A conversation between Espresso and Pewter, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#F7EDF3): bright and airy, almost weightless.
• Heather (#9A878E): A luminous, dusty rose — the color of a warm blush.
• Pewter (#5C725F): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#4A1600): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#030002): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Onyx Field 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

• Onyx Alley color palette (#E5DFE8, #938A94, #786472, #50002D, #020004)
• Tempered Terrace color palette (#F0E8E4, #A3988A, #817025, #501100, #150500)
• Softworn Basalt Bloom color palette (#E2EEE8, #8FA69F, #5F8480, #3A3800, #000603)
• Garnet Lantern color palette (#EFE3EB, #B3BEB2, #7D998C, #6C1A06, #030002)
• Tempered Chestnut Basin color palette (#F1E5E9, #C2D0C4, #96A99F, #7B4701, #210F17)
• Scarlet Station color palette (#F4DDE5, #D82229, #925100, #3B3900, #020100)
• Basalt Summit color palette (#FDEBDD, #62542A, #323B00, #001827, #010015)
• Fern Delta color palette (#D7EADD, #585E01, #1A3100, #2E0003, #010100)

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