Smoked Onyx color palette — #F4E0C8 · #523600 · #00194C · #230E05 · #12001D

A conversation between Midnight and Cocoa, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F4E0C8): A whisper-light, dusty gold — the color of old brass.
• Cocoa (#523600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Midnight (#00194C): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#230E05): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#12001D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Smoked 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

• Shadow Navy Summit color palette (#F4F0DB, #3A4200, #17005F, #201D0A, #1A0005)
• Onyx Hollow color palette (#F0DFD1, #5F2D00, #002132, #02002E, #000010)
• Olive Alley color palette (#F3D9BD, #5E7829, #004B49, #311632, #24060E)
• Nocturne Spruce color palette (#E2DFCF, #4F5A60, #2D3100, #151E19, #000603)
• Inked Fern color palette (#E1E0C9, #476300, #004335, #001F28, #030100)
• Cypress Coast color palette (#E5E5CF, #006E55, #003236, #310016, #000805)
• Onyx Grove color palette (#FFE9E0, #348E9A, #00425E, #002413, #00022C)
• Timeworn Aubergine Orchard color palette (#E6E4D6, #545E00, #3D008E, #3F001D, #210100)

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