Amber Boulevard color palette — #FFF2E9 · #DF6D00 · #513600 · #240F00 · #040100

Pumpkin and Cocoa set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Pumpkin (#DF6D00): A luminous, vivid gold — the color of old brass.
• Cocoa (#513600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#240F00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#040100): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Amber Boulevard 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 Rose color palette (#FFF2ED, #FB4256, #5A2E19, #270C04, #060000)
• Tangerine Orchard color palette (#FCE0CC, #F77713, #71673C, #5E361F, #1C0D09)
• Antique Moss Study color palette (#FFF4DB, #A69300, #34411A, #1D1400, #030100)
• Shadow Bronze Balcony color palette (#F4E2D1, #AA6200, #312203, #172026, #080300)
• Chestnut Hollow color palette (#EDE3D4, #795A00, #273231, #131400, #020100)
• Timeworn Corridor color palette (#EAF5C2, #778800, #0A350A, #1F2926, #070900)
• Antique Mint color palette (#F6F6E9, #9ABB74, #4E5C15, #2C2C21, #110F0A)
• Peony Workshop color palette (#FFF4DE, #CEAB00, #00B1CC, #C64FB4, #292100)

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