Moonless Amber color palette — #F8DED6 · #CE7400 · #56001A · #110802 · #040000

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

The five colors

• Shell Pink (#F8DED6): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#CE7400): A luminous, balanced gold — the color of afternoon light on wheat.
• Espresso (#56001A): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#110802): A deep, shadowed, dusty gold — the color of old brass.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

One click turns Moonless Amber 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

• Inked Bronze color palette (#F2E2D8, #A96A00, #340C00, #0F0A04, #040000)
• Smoked Ember Pier color palette (#FFE5E9, #ED5300, #49004E, #110402, #030004)
• Hushed Amber Station color palette (#FFE3D8, #D36F00, #6E3F00, #271700, #020100)
• Aged Meadow color palette (#FFF2EA, #FFCF91, #A64E0C, #4A2107, #100400)
• Washed Parlor color palette (#FFEBD1, #CF9700, #513600, #1D2623, #0D0600)
• Powdered Rose color palette (#FFE3D9, #FE2F41, #6D4200, #750012, #020100)
• Feathered Studio color palette (#FFF2ED, #FFAF66, #A7002A, #40000A, #040000)
• Cocoa Coast color palette (#F5ECE7, #E6C9B5, #B7A18E, #7E331C, #070100)

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