Albedo (Genshin Impact) Color Codes & Palette HEX — Designer Guide

Albedo (Genshin Impact) Color Codes & Palette HEX — Designer Guide

Albedo stands out as a composed alchemist whose visual design balances refinement and utility. His palette pairs the porcelain ivory of Spring Wood (#F2EDE6) with the disciplined navy San Juan (#2E4A74) and signature Old Gold (#D4A33C) accents to communicate intellect, Geo affinity, and artisanal detail. For designers searching for Albedo color codes or using his palette HEX in UI work, this breakdown highlights how those exact HEX values can be applied to backgrounds, typography, and accents to preserve character fidelity while staying practical for interface design.

Spring Wood
#F2EDE6
Baltic Sea
#1F1E23
San Juan
#2E4A74
Sorrell Brown
#C8B08A
Old Gold
#D4A33C

Albedo Genshin Impact Color Codes: HEX, RGB, CMYK

PreviewColor NameHEXRGBCMYK
Spring Wood#F2EDE6242, 237, 2300, 2, 5, 5
Baltic Sea#1F1E2331, 30, 3511, 14, 0, 86
San Juan#2E4A7446, 74, 11660, 36, 0, 55
Sorrell Brown#C8B08A200, 176, 1380, 12, 31, 22
Old Gold#D4A33C212, 163, 600, 23, 72, 17

Albedo CSS & Tailwind Color Variables

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

:root {
/* Albedo Genshin Impact Palette */
--albedo-genshin-impact-spring-wood: #F2EDE6;
--albedo-genshin-impact-baltic-sea: #1F1E23;
--albedo-genshin-impact-san-juan: #2E4A74;
--albedo-genshin-impact-sorrell-brown: #C8B08A;
--albedo-genshin-impact-old-gold: #D4A33C;
}

More Genshin Impact Color Codes (White Palette)

Albedo CSS Gradients

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

Click to Copy CSS
Spring Wood to Sorrell Brown#F2EDE6 → #C8B08A
Click to Copy CSS
San Juan to Spring Wood#2E4A74 → #F2EDE6

Albedo Color Scheme Breakdown

Spring Wood#F2EDE6

Warm ivory white dominates Albedo’s hair and several outfit panels, giving him an alchemist’s clean, refined silhouette while reinforcing his calm, composed, and almost porcelain-like presence in scenes.

Baltic Sea#1F1E23

Deep near-black appears in his inner clothing, gloves, and dark trim, grounding the design, adding contrast to the pale hair, and emphasizing a serious, methodical, scholarly temperament.

San Juan#2E4A74

Muted navy blue is used in key fabric sections of his coat and cape-like elements, projecting a disciplined Knights of Favonius identity and a cool, analytical mood fitting his research-focused role.

Sorrell Brown#C8B08A

Soft tan-beige shows up in belts, straps, and garment details, adding a practical ‘field researcher’ feel, warming the overall palette, and subtly implying crafted materials and utilitarian equipment.

Old Gold#D4A33C

Golden amber is concentrated in his geo-themed accents, star-like motifs, and metallic ornamentation, symbolizing alchemical brilliance and Geo energy, and providing a signature highlight that reads iconic at distance.

Albedo 60-30-10 Design Rule

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

60% Background
#C8B08A
30% Primary
#1F1E23
10% Accent
#F2EDE6

Use Sorrell Brown (#C8B08A) for large background spaces, Baltic Sea (#1F1E23) for primary text and structural UI elements, and vibrant Spring Wood (#F2EDE6) exclusively for call-to-action buttons and important highlights.

Albedo UI Component Preview

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

Albedo

Alchemist Scholar

“I will continue my research.”

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

  • Main LED: 242, 237, 230
  • Accent LED: 31, 30, 35

The Design Philosophy behind Albedo’s Palette

The design philosophy behind Albedo’s palette is rooted in contrast and narrative clarity: Spring Wood (#F2EDE6) creates a calm, almost porcelain base that suggests purity of thought; Baltic Sea (#1F1E23) and San Juan (#2E4A74) supply grounding darks and scholarly blues that imply discipline and research; Sorrell Brown (#C8B08A) introduces utilitarian warmth for straps and gear, while Old Gold (#D4A33C) functions as a Geo-highlight and focal accent. Together these color codes form a balanced HEX palette useful for UI/UX — providing readable contrast, a consistent hierarchy for CTAs and icons, and a thematic cohesion that reflects Albedo’s role and story.

Best Albedo Color Combinations

Porcelain Contrast

Spring Wood with Baltic Sea gives high legibility and an elegant foreground/background pairing ideal for typographic layouts and modal backgrounds.

Scholarly Accent

San Juan paired with Old Gold creates a disciplined base with a warm Geo accent perfect for CTAs, badges, and emblem highlights.

Download Albedo Genshin Impact Color Palette

ASE

Albedo .ASE Swatches

For Adobe Swatches & Procreate

SVG

Albedo .SVG Palette

Vector Color Palette

PNG

Albedo .PNG Image

High-Quality Palette Preview

FAQs about Albedo Genshin Impact Color Codes

What is Albedo’s hair color HEX code?

Albedo’s hair and ivory panels use Spring Wood — #F2EDE6.

Which HEX represents Albedo’s main coat or uniform color?

The main coat/navy elements are San Juan — #2E4A74.

What HEX is used for Albedo’s Geo highlights and accents?

Geo accents and metallic motifs use Old Gold — #D4A33C (with supporting Sorrell Brown #C8B08A for straps).

Explore More White Palettes Across Universes

Copied