Faruzan Genshin Impact Color Codes Palette HEX — Character UI/UX Guide

Faruzan Genshin Impact Color Codes Palette HEX — Character UI/UX Guide

Faruzan’s visual identity blends scholarly restraint with Anemo elegance, ideal for UI/UX projects that need a refined, academic touch. Her primary San Marino (#4D6FB3) anchors the composition with a muted azure-blue, while Rhino (#2F3B5C) supplies structural depth and readable contrast; Satin Linen (#E6E2D2) warms interfaces like aged parchment. For designers searching for Faruzan color codes or HEX palette references, this breakdown highlights how to translate character motifs into usable UI systems, asset libraries, and accessible color tokens for consistent branding.

San Marino
#4D6FB3
Rhino
#2F3B5C
Satin Linen
#E6E2D2
Roti
#C9A24A
Affair
#7A4D9C

Faruzan Genshin Impact Color Codes: HEX, RGB, CMYK

PreviewColor NameHEXRGBCMYK
San Marino#4D6FB377, 111, 17957, 38, 0, 30
Rhino#2F3B5C47, 59, 9249, 36, 0, 64
Satin Linen#E6E2D2230, 226, 2100, 2, 9, 10
Roti#C9A24A201, 162, 740, 19, 63, 21
Affair#7A4D9C122, 77, 15622, 51, 0, 39

Faruzan CSS & Tailwind Color Variables

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

:root {
/* Faruzan Genshin Impact Palette */
--faruzan-genshin-impact-san-marino: #4D6FB3;
--faruzan-genshin-impact-rhino: #2F3B5C;
--faruzan-genshin-impact-satin-linen: #E6E2D2;
--faruzan-genshin-impact-roti: #C9A24A;
--faruzan-genshin-impact-affair: #7A4D9C;
}

Faruzan CSS Gradients

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

Click to Copy CSS
San Marino to Roti#4D6FB3 → #C9A24A
Click to Copy CSS
Satin Linen to San Marino#E6E2D2 → #4D6FB3

Faruzan Color Scheme Breakdown

San Marino#4D6FB3

A muted azure-blue used across Faruzan’s main outfit panels and layered fabric accents, defining her Anemo-themed scholar silhouette and conveying calm, precise, academic discipline rather than flashy heroism.

Rhino#2F3B5C

A deep navy tone appearing on her inner clothing, structural trims, and garment sections that read as “undersuit,” adding seriousness and visual weight while reinforcing her composed, veteran researcher persona.

Satin Linen#E6E2D2

A warm off-white seen in cloth insets and lighter costume sections, balancing the blues with a parchment-like, archival feel that subtly suggests ancient texts, research notes, and her scholarly background.

Roti#C9A24A

A muted gold used for ornamental details, accessories, and small decorative motifs, signaling refined craftsmanship and her connection to classical Sumeru design language without overwhelming the cooler base palette.

Affair#7A4D9C

A soft violet accent found in select highlights and decorative elements, giving a sophisticated, arcane-research vibe that complements her Anemo identity and hints at mysterious ancient mechanisms and knowledge.

Faruzan 60-30-10 Design Rule

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

60% Background
#E6E2D2
30% Primary
#2F3B5C
10% Accent
#4D6FB3

Use Satin Linen (#E6E2D2) for large background spaces, Rhino (#2F3B5C) for primary text and structural UI elements, and vibrant San Marino (#4D6FB3) exclusively for call-to-action buttons and important highlights.

Faruzan UI Component Preview

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

Faruzan

Anemo Scholar Researcher

“Knowledge is the surest wind.”

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

  • Main LED: 77, 111, 179
  • Accent LED: 47, 59, 92

The Design Philosophy behind Faruzan’s Palette

The design philosophy behind Faruzan’s palette uses measured contrasts and cultural texture to reflect her role as a composed researcher. San Marino (#4D6FB3) reads as her intellectual signature, Rhino (#2F3B5C) grounds interactive elements with weight and legibility, and Satin Linen (#E6E2D2) gives a tactile, archival base that suggests manuscripts and field notes. Accent tones like Roti (#C9A24A) and Affair (#7A4D9C) operate sparingly to mark ornamentation and focal points, avoiding visual noise. For anyone looking up Faruzan color codes or palette HEX recommendations, this approach shows how to balance accessibility, visual hierarchy, and lore-driven aesthetics in character-driven UI design.

Best Faruzan Color Combinations

Scholarly Contrast

San Marino paired with Rhino creates a readable primary/secondary contrast ideal for headers and navigation in character-themed UIs.

Archival Accent

Satin Linen with Roti provides a warm background and restrained gold accent for callouts, badges, and ornamental details.

Download Faruzan Genshin Impact Color Palette

ASE

Faruzan .ASE Swatches

For Adobe Swatches & Procreate

SVG

Faruzan .SVG Palette

Vector Color Palette

PNG

Faruzan .PNG Image

High-Quality Palette Preview

FAQs about Faruzan Genshin Impact Color Codes

What is the main outfit color HEX for Faruzan?

The primary outfit color is San Marino — #4D6FB3.

Which HEX codes define Faruzan’s overall costume palette?

Her core palette uses San Marino (#4D6FB3), Rhino (#2F3B5C), and Satin Linen (#E6E2D2) as base tones.

What is the accent or decorative color HEX used for Faruzan’s details?

Accent and ornamental details use Roti — #C9A24A, with secondary violet highlights from Affair (#7A4D9C).

Copied