Cafe Royale
#6a4928
Coffee-brown yellow for soft, readable vintage UI
About Cafe Royale
Cafe Royale is warmer than Black Power but denser than Coffee, it's got enough red undertone to feel alive without becoming approachable. This is a brown that sits in full light instead of reading like something already in shadow. It's got real saturation behind it, the kind that doesn't apologize but doesn't demand attention either.
Reach for it in luxury goods packaging, restaurant branding, editorial layouts where you need a brown that actually holds weight against cream and off-white. It works as a button state that feels considered, as a card background in dark mode that doesn't wash out, as the anchor color in heritage packaging that can't afford to look uncertain. It's stronger than Chocolate Rain's deliberate restraint, less final than Black Power's uncompromising stance.
The catch: it's still brown, so pair it with cool grays and it'll flatten like the rest of the family. But next to warm neutrals it'll hold its ground without needing to shout.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.