Amber Boulevard color palette — #FFF2F0 · #FFB58B · #C07000 · #745600 · #322C00

Mustard and Cantaloupe set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Cantaloupe (#FFB58B): A whisper-light, balanced gold — the color of honey in a jar.
• Mustard (#C07000): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#745600): A full-bodied, balanced gold — the color of old brass.
• Espresso (#322C00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Frosted Moss color palette (#FFF2E9, #FAB95C, #A08C00, #575E00, #1D330E)
• Muted Amber color palette (#F7E5D8, #B17E00, #5C4C00, #232A00, #010200)
• Amber Cabin color palette (#EEE0D9, #FF9F4E, #DB8517, #9B691D, #4C3400)
• Aged Balcony color palette (#FFF1F5, #FF9DA1, #F45443, #884300, #4C2C00)
• Pale Amber color palette (#FFDFD4, #E27900, #905F00, #463900, #101400)
• Soft Amber Field color palette (#FFF4DE, #FFD381, #BC8800, #614B00, #130C00)
• Washed Corridor color palette (#FFF3E4, #EBB459, #27B1F9, #9C6C00, #002B42)
• Marigold Corridor color palette (#FFF2E9, #FFD29F, #D3A200, #786D0C, #3C4821)

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