Amber Boulevard color palette — #FBF5E2 · #E495B9 · #BB7301 · #306991 · #51352C

A conversation between Mustard and Ballet Pink, giving this palette its sense of trust and stability.

The five colors

• Cream (#FBF5E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Ballet Pink (#E495B9): A luminous, balanced rose — the color of a warm blush.
• Mustard (#BB7301): A luminous, balanced gold — the color of afternoon light on wheat.
• Peacock (#306991): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#51352C): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Balance. Tagged retro, 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

• Ember Boulevard color palette (#F7F7E0, #CA9DDF, #C66656, #006F83, #4F3536)
• Ancient Moss color palette (#FFF3E3, #F49286, #938917, #4E6098, #423C37)
• Dusty Amber color palette (#E1FDEB, #FEB4C1, #BA854F, #39688C, #41283C)
• Coral Quarry color palette (#E5FDE9, #D57A73, #925C1E, #005A5A, #4D3444)
• Patina Olive Quarry color palette (#FFF1F4, #C48ECE, #688E37, #5F5098, #383256)
• Tempered Taupe color palette (#FFEFF0, #E3C5B9, #B29B75, #8B6D7E, #5B4652)
• Aubergine Corridor color palette (#FFF3E8, #F58545, #729314, #5D38A2, #483006)
• Timeworn Garden color palette (#F8E3B0, #FF4F69, #856C00, #0041B0, #471800)

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