Amber Boulevard color palette — #F9F4ED · #D6DEC9 · #B5C6AD · #BC9200 · #36322C

Mustard takes the lead with Pistachio close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Bone (#D6DEC9): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#B5C6AD): A luminous, dusty green — the color of a quiet forest floor.
• Mustard (#BC9200): A luminous, balanced gold — the color of honey in a jar.
• Espresso (#36322C): quiet, heavy and certain.

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

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

• Bronze Ridge color palette (#FCF4E8, #E2DFCB, #B8C3A3, #9A6F00, #36322C)
• Muted Moss color palette (#EFEFE8, #CCD6CE, #A5C3B3, #72A345, #2F2F1E)
• Antique Ember color palette (#FCF3EE, #DFDAC6, #C4C4A1, #F9601F, #522400)
• Teal Basin color palette (#EBEED1, #73D8A5, #00AF97, #A96B06, #003822)
• Tempered Harbor color palette (#F7F5EF, #D8DBD4, #C0B683, #A6B4BD, #565249)
• Aged Chestnut Workshop color palette (#E6F7EA, #BCDDCD, #A0B38A, #725700, #082010)
• Pale Harbor color palette (#F0ECD7, #8E9C00, #386630, #333900, #0C0600)
• Linen Corridor color palette (#FAE1B9, #D0AE00, #56A500, #2355F6, #2B2B00)

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