Bennett’s visual identity balances jaunty optimism with practical wear-and-tear, making his outfit a strong study for UI/UX palettes and game art references. The lively Carrot Orange (#F28C28) drives Pyro accent notes, while the grounded Quincy (#5A3B2E) and neutral Sidecar (#F2D7B6) provide tactile, worn-in contrast. Designers searching for “Bennett color codes” or “Bennett HEX palette” will find this combination useful for creating energetic CTA states, rugged utility panels, and readable character silhouettes that communicate both warmth and durability.
Bennett Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Carrot Orange | #F28C28 | 242, 140, 40 | 0, 42, 83, 5 | |
| Quincy | #5A3B2E | 90, 59, 46 | 0, 34, 49, 65 | |
| Sidecar | #F2D7B6 | 242, 215, 182 | 0, 11, 25, 5 | |
| Charade | #2B2F3A | 43, 47, 58 | 26, 19, 0, 77 | |
| Mercury | #E8E8E8 | 232, 232, 232 | 0, 0, 0, 9 |
Bennett CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Bennett Genshin Impact Palette */
--bennett-genshin-impact-carrot-orange: #F28C28;
--bennett-genshin-impact-quincy: #5A3B2E;
--bennett-genshin-impact-sidecar: #F2D7B6;
--bennett-genshin-impact-charade: #2B2F3A;
--bennett-genshin-impact-mercury: #E8E8E8;
}More Genshin Impact Color Codes (Orange Palette)
Bennett CSS Gradients
Beautiful gradient backgrounds inspired by Bennett’s aesthetic. Click to copy the CSS code.
Bennett Color Scheme Breakdown
Carrot Orange#F28C28
A vivid orange used on Bennett’s jacket accents, straps, and warm trim details, reinforcing his adventurous, upbeat Pyro identity and the energetic, optimistic tone of his exploration-themed outfit design.
Quincy#5A3B2E
A deep brown found on his gloves, belts, pouches, and leather utility pieces, signaling a practical adventurer aesthetic and grounding the brighter Pyro accents with rugged, worn-in gear.
Sidecar#F2D7B6
A light beige/tan seen on bandages, skin-toned fabric parts, and small cloth wraps, emphasizing his scrappy survival vibe and the ‘always patched up’ unlucky adventurer character motif.
Charade#2B2F3A
A charcoal navy-grey appearing on his shorts, undershirt elements, and darker fabric panels, providing sturdy contrast and helping the outfit read as functional, travel-ready, and mechanically layered.
Mercury#E8E8E8
A soft off-white used in highlights of his clothing panels, accessories, and small design breaks, adding clarity and cleanliness that balances the warm palette while keeping his silhouette readable in action.
Bennett 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Bennett’s palette for a perfectly balanced visual hierarchy.
Bennett UI Component Preview
Here is a live example of how the Bennett color palette looks when applied to a modern UI component.
Bennett
Pyro Support Adventurer
“I’m fine!”
Bennett Gaming Setup (RGB Peripherals)
Sync your gaming gear! Use these exact RGB values for your Razer Chroma, Corsair iCUE, or Logitech G Hub software to match Bennett’s aesthetic.
- Main LED: 242, 140, 40
- Accent LED: 90, 59, 46
The Design Philosophy behind Bennett’s Palette
The design philosophy behind Bennett’s palette uses contrast and narrative-driven tones to reflect his story: bright optimism tempered by hardship. Warm highlights like Carrot Orange (#F28C28) signal Pyro energy and attention-grabbing UI elements, while deep browns such as Quincy (#5A3B2E) anchor the design with practical, leather-like textures. Mid-tone neutrals like Sidecar (#F2D7B6) and off-white Mercury (#E8E8E8) mimic bandages and patched cloth to tell a visual story of resilience. Charade (#2B2F3A) offers a strong base for readability and layering. For designers searching for character-driven color codes, this palette demonstrates how thematic HEX choices support both narrative and functional interface hierarchy.
Best Bennett Color Combinations
Flare & Anchor
Carrot Orange #F28C28 paired with Charade #2B2F3A creates high-contrast focal points ideal for primary CTAs against a stable, readable background.
Worn Warmth Duo
Quincy #5A3B2E with Sidecar #F2D7B6 yields an earthy, tactile pairing suited for panels, badges, and UI elements that need a lived-in, legible look.
Explore More Genshin Impact Character Color Codes
Download Bennett Genshin Impact Color Palette
Bennett .ASE Swatches
For Adobe Swatches & Procreate
Bennett .SVG Palette
Vector Color Palette
Bennett .PNG Image
High-Quality Palette Preview
FAQs about Bennett Genshin Impact Color Codes
What is Bennett’s Pyro accent color?
Bennett’s primary Pyro accent is Carrot Orange, HEX #F28C28.
Which color defines Bennett’s main clothing or fabric base?
The darker base fabrics and shorts use Charade, HEX #2B2F3A, which grounds the outfit visually.
What are Bennett’s secondary or highlight colors for straps, bandages, and trims?
Secondary accents include Quincy #5A3B2E for leather gear and Sidecar #F2D7B6 for bandages/cloth, with Mercury #E8E8E8 used for small highlights.
