Escoffier Genshin Impact Color Codes Palette — HEX Guide

Escoffier Genshin Impact Color Codes Palette — HEX Guide

Escoffier in Genshin Impact presents a refined, maritime culinary archetype whose costume language is as deliberate as his cuisine. The design anchors on deep navy #08214F (Downriver) for the overcoat, balanced by medium royal blue #1E66A6 (Matisse) on cuffs and lapels, while bright highlights like #6FD3E4 (Aquamarine Blue) provide a Hydro-tinged freshness. Clean off-white #F5F6F8 (Athens Gray) and brass-gold #C79B2E (Hokey Pokey) trims communicate professionalism and prestige. For UI/UX designers and fan artists searching “Escoffier color codes” or “HEX palette,” this palette delivers clarity and practical contrast for character-driven layouts.

Downriver
#08214F
Matisse
#1E66A6
Aquamarine Blue
#6FD3E4
Athens Gray
#F5F6F8
Hokey Pokey
#C79B2E

Escoffier Genshin Impact Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Downriver #08214F 8, 33, 79 90, 58, 0, 69
Matisse #1E66A6 30, 102, 166 82, 39, 0, 35
Aquamarine Blue #6FD3E4 111, 211, 228 51, 7, 0, 11
Athens Gray #F5F6F8 245, 246, 248 1, 1, 0, 3
Hokey Pokey #C79B2E 199, 155, 46 0, 22, 77, 22

Escoffier CSS & Tailwind Color Variables

Select your preferred format and copy the ready-to-use CSS variables for your web projects.

:root {
/* Escoffier Genshin Impact Palette */
--escoffier-genshin-impact-downriver: #08214F;
--escoffier-genshin-impact-matisse: #1E66A6;
--escoffier-genshin-impact-aquamarine-blue: #6FD3E4;
--escoffier-genshin-impact-athens-gray: #F5F6F8;
--escoffier-genshin-impact-hokey-pokey: #C79B2E;
}

Escoffier CSS Gradients

Beautiful gradient backgrounds inspired by Escoffier’s aesthetic. Click to copy the CSS code.

Click to Copy CSS
Downriver to Athens Gray#08214F → #F5F6F8
Click to Copy CSS
Aquamarine Blue to Downriver#6FD3E4 → #08214F

Escoffier Color Scheme Breakdown

Downriver#08214F

A deep navy used predominantly for Escoffier’s long overcoat and chef’s jacket panels, conveying a formal, maritime Fontaine aesthetic and grounding the character’s silhouette against brighter uniform accents and visual weight.

Matisse#1E66A6

A medium royal blue on sleeve cuffs, lapel highlights and secondary garment layers, suggesting Hydro affiliation while adding elegant contrast to darker coat surfaces and tying together the outfit’s nautical motif.

Aquamarine Blue#6FD3E4

A pale aqua accent color found on inner lining, piping, and small emblems, echoing Fontaine’s Hydro theme and providing bright, refreshing highlights that emphasize movement and culinary precision in portrait illustrations.

Athens Gray#F5F6F8

An off-white cream for apron, shirt front, and chef accessories, signaling cleanliness and professional culinary heritage while creating clear contrast with darker uniform pieces and enhancing perceived material texture in artwork.

Hokey Pokey#C79B2E

A warm brass-gold for buttons, trim, and emblem details, conveying refinement and culinary prestige while punctuating cooler blues; this metallic accent appears prominently in character portraits, in-game icons, and promotional art.

Escoffier 60-30-10 Design Rule

Apply the classic 60-30-10 UI design rule using Escoffier’s palette for a perfectly balanced visual hierarchy.

60% Background
#F5F6F8
30% Primary
#1E66A6
10% Accent
#08214F

Use Athens Gray (#F5F6F8) for large background spaces, Matisse (#1E66A6) for primary text and structural UI elements, and vibrant Downriver (#08214F) exclusively for call-to-action buttons and important highlights.

Escoffier UI Component Preview

Here is a live example of how the Escoffier color palette looks when applied to a modern UI component.

Escoffier

Culinary Maestro

“Precision in every course — a chef must orchestrate flavor like a palette.”

Escoffier 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 Escoffier’s aesthetic.

  • Main LED: 8, 33, 79
  • Accent LED: 30, 102, 166

The Design Philosophy behind Escoffier’s Palette

The design philosophy uses a restrained, nautical vernacular to tell Escoffier’s story: a disciplined chef tied to Fontaine’s Hydro motif. Dark anchoring tones (#08214F) create silhouette weight and authority, while mid-tones (#1E66A6) establish a readable, elegant middle layer that supports interaction states in UI mockups. Aquamarine highlights (#6FD3E4) function as motion and focal accents—ideal for indicating Hydro abilities or active elements—whereas Athens Gray (#F5F6F8) signals cleanliness and negative space for readable interfaces. Brass gold (#C79B2E) adds hierarchy and premium affordance for icons or badges. This combination succeeds because it balances contrast, semantic color roles, and real-world material cues, making the HEX color palette both evocative and practical for UI/UX and character art.

Best Escoffier Color Combinations

Maritime Brass Contrast

The deep navy #08214F grounds layouts while brass #C79B2E provides warm accent highlights for buttons and badges.

Hydro Accent Breeze

Medium royal blue #1E66A6 paired with aquamarine #6FD3E4 creates readable states and subtle motion highlights ideal for Hydro-themed UI elements.

Download Escoffier Genshin Impact Color Palette

ASE

Escoffier .ASE Swatches

For Adobe Swatches & Procreate

SVG

Escoffier .SVG Palette

Vector Color Palette

PNG

Escoffier .PNG Image

High-Quality Palette Preview

FAQs about Escoffier Genshin Impact Color Codes

What is the primary color of Escoffier’s overcoat?

Escoffier’s overcoat is a deep navy represented by HEX #08214F (Downriver).

Which color defines the overall outfit or uniform aesthetic?

The uniform aesthetic relies on a combination of deep navy #08214F and medium royal blue #1E66A6 to balance formality and Hydro association.

What are the accent colors used for trims and highlights?

Accent trims and highlights use aquamarine #6FD3E4 for bright Hydro details and brass-gold #C79B2E for metallic buttons and emblems, with Athens Gray #F5F6F8 for apron and shirt surfaces.

Copied