Furina (Genshin Impact) Color Codes & Palette | HEX Guide for UI/UX Designers

Furina (Genshin Impact) Color Codes & Palette | HEX Guide for UI/UX Designers

Furina, Fontaine’s enigmatic Hydro Archon, blends theatrical authority with aquatic elegance through a carefully balanced palette. UI and UX designers looking for accurate Furina color codes will note the anchoring navy Chambray #2D4E86, the sparkling aqua Shakespeare #4FA6D8, and the crisp ivory Spring Wood #F4F2E8, all listed as exact HEX values for precise implementation. This palette communicates stage‑ready formality and fluid motion simultaneously, making it ideal for character pages, themed interfaces, and color-driven branding where HEX accuracy and palette harmony matter.

Chambray
#2D4E86
Shakespeare
#4FA6D8
Spring Wood
#F4F2E8
Charade
#2B2B33
Apache
#D8B06A

Furina Genshin Impact Color Codes: HEX, RGB, CMYK

PreviewColor NameHEXRGBCMYK
Chambray#2D4E8645, 78, 13466, 42, 0, 47
Shakespeare#4FA6D879, 166, 21663, 23, 0, 15
Spring Wood#F4F2E8244, 242, 2320, 1, 5, 4
Charade#2B2B3343, 43, 5116, 16, 0, 80
Apache#D8B06A216, 176, 1060, 19, 51, 15

Furina CSS & Tailwind Color Variables

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

:root {
/* Furina Genshin Impact Palette */
--furina-genshin-impact-chambray: #2D4E86;
--furina-genshin-impact-shakespeare: #4FA6D8;
--furina-genshin-impact-spring-wood: #F4F2E8;
--furina-genshin-impact-charade: #2B2B33;
--furina-genshin-impact-apache: #D8B06A;
}

Furina CSS Gradients

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

Click to Copy CSS
Chambray to Charade#2D4E86 → #2B2B33
Click to Copy CSS
Spring Wood to Chambray#F4F2E8 → #2D4E86

Furina Color Scheme Breakdown

Chambray#2D4E86

Deep royal navy used across Furina’s main dress panels and coat-like silhouette, anchoring her Fontaine stage-leader vibe while conveying authority, elegance, and the dramatic, theatrical mood of her design.

Shakespeare#4FA6D8

Bright aqua-cyan appears in her Hydro-themed accents and ornamental details, echoing Fontaine’s water motif and her powers, adding a lively, sparkling note that reads as energetic and attention-grabbing.

Spring Wood#F4F2E8

Soft ivory-white shows on ruffles, inner fabric, and high-contrast trim areas, reinforcing her refined opera-costume styling while balancing darker blues and making the overall character silhouette feel crisp and prestigious.

Charade#2B2B33

Near-black charcoal is present in tights, shadowed fabric sections, and structured accessories, creating strong contrast and a formal, stagewear finish that emphasizes her composed, serious side beneath the spectacle.

Apache#D8B06A

Warm gold is used for metallic ornaments, buttons, and emblem-like detailing, signaling nobility and ceremonial flair, and visually tying her to Fontaine’s refined, high-society aesthetic with a luxurious accent.

Furina 60-30-10 Design Rule

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

60% Background
#F4F2E8
30% Primary
#2B2B33
10% Accent
#2D4E86

Use Spring Wood (#F4F2E8) for large background spaces, Charade (#2B2B33) for primary text and structural UI elements, and vibrant Chambray (#2D4E86) exclusively for call-to-action buttons and important highlights.

Furina UI Component Preview

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

Furina

Hydro Archon

“Let the tides of reason reveal what the ocean conceals.”

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

  • Main LED: 45, 78, 134
  • Accent LED: 79, 166, 216

The Design Philosophy behind Furina’s Palette

The design philosophy behind Furina’s palette uses contrast and thematic resonance to reflect her narrative role and Hydro abilities. Deep Chambray #2D4E86 establishes authority and a theatrical silhouette, while Shakespeare #4FA6D8 injects watery vibrancy that reads as motion and power; Spring Wood #F4F2E8 provides clean highlights that keep the composition readable in UI contexts. Charade #2B2B33 adds grounding shadows for form and detail, and Apache #D8B06A supplies metallic accents that signal ceremony and status. For designers searching by color codes or HEX values, this combination is successful because it balances legibility, emotional tone, and motif‑driven contrast for both print and digital interfaces.

Best Furina Color Combinations

Regal Tide

Chambray #2D4E86 with Shakespeare #4FA6D8 pairs authority and aquatic vibrancy, perfect for hero headers and primary CTAs.

Ornate Accent

Apache #D8B06A with Spring Wood #F4F2E8 creates a luxurious highlight system ideal for icons, borders, and decorative UI elements.

Download Furina Genshin Impact Color Palette

ASE

Furina .ASE Swatches

For Adobe Swatches & Procreate

SVG

Furina .SVG Palette

Vector Color Palette

PNG

Furina .PNG Image

High-Quality Palette Preview

FAQs about Furina Genshin Impact Color Codes

What is the primary color of Furina’s main dress panels?

The primary dress panels use Chambray with HEX #2D4E86.

Which HEX represents Furina’s overall outfit shadowing or structured accessories?

Structured accessories and tights use the near‑black Charade, HEX #2B2B33.

What are the accent HEX colors for Furina’s Hydro details and metallic ornaments?

Hydro accents use Shakespeare #4FA6D8 while metallic ornaments use Apache #D8B06A.

Copied