Sucrose is a soft-spoken Anemo alchemist whose design balances curiosity and scientific restraint, making her a favorite reference for UI/UX palettes and HEX color studies. Her mint-teal hair (#A7DAD1 – Sinbad) sets a gentle, airy tone while the warm lab-cream (#F4E9D2 – Janna) keeps the design approachable and scholarly; deep navy anchors the look (#2A2F4A – Martinique). If you’re searching for Sucrose color codes or building an Anemo-inspired UI palette, these exact HEX values offer a ready-made system for accessible, research-driven visuals and consistent color tokens.
Sucrose Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Sinbad | #A7DAD1 | 167, 218, 209 | 23, 0, 4, 15 | |
| Janna | #F4E9D2 | 244, 233, 210 | 0, 5, 14, 4 | |
| Martinique | #2A2F4A | 42, 47, 74 | 43, 36, 0, 71 | |
| Spice | #6B4A2E | 107, 74, 46 | 0, 31, 57, 58 | |
| Aztec Gold | #C9A35A | 201, 163, 90 | 0, 19, 55, 21 |
Sucrose CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Sucrose Genshin Impact Palette */
--sucrose-genshin-impact-sinbad: #A7DAD1;
--sucrose-genshin-impact-janna: #F4E9D2;
--sucrose-genshin-impact-martinique: #2A2F4A;
--sucrose-genshin-impact-spice: #6B4A2E;
--sucrose-genshin-impact-aztec-gold: #C9A35A;
}More Genshin Impact Character Color Palettes Color Codes (Green Palette)
Sucrose CSS Gradients
Beautiful gradient backgrounds inspired by Sucrose’s aesthetic. Click to copy the CSS code.
Sucrose Color Scheme Breakdown
Sinbad#A7DAD1
A pale mint-teal that dominates Sucrose’s hair and overall silhouette, reinforcing her gentle alchemist vibe and tying visually to Anemo’s airy, clean, scientific aesthetic.
Janna#F4E9D2
A warm cream tone seen across her lab coat and inner fabric panels, communicating a scholarly, clinical feel while keeping her design light and approachable rather than heavy or armored.
Martinique#2A2F4A
A deep navy-indigo used on her dress sections, gloves, and structural garment areas, adding academic seriousness and strong contrast that frames the lighter coat and hair colors.
Spice#6B4A2E
A medium warm brown appearing in belts, straps, and accessory leather details, grounding the pastel palette with practical craftwork cues and emphasizing her hands-on research equipment.
Aztec Gold#C9A35A
A muted gold accent found in trims, buckles, and small ornamentation, suggesting refined alchemical instruments and Mondstadt’s understated elegance without overpowering her soft Anemo-themed palette.
Sucrose 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Sucrose’s palette for a perfectly balanced visual hierarchy.
Sucrose UI Component Preview
Here is a live example of how the Sucrose color palette looks when applied to a modern UI component.
Sucrose
Anemo Support Alchemist
“I’m just doing research!”
Sucrose 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 Sucrose’s aesthetic.
- Main LED: 167, 218, 209
- Accent LED: 244, 233, 210
The Design Philosophy behind Sucrose’s Palette
The design philosophy behind Sucrose uses restrained pastels and grounded neutrals to reflect her personality: inquisitive, methodical, and kind. The dominant mint-teal (#A7DAD1) communicates Anemo’s airy, experimental nature, while the cream tone (#F4E9D2) suggests clinical study and approachability; a deep navy (#2A2F4A) provides structural contrast and hierarchy in UI elements. Brown leather accents like #6B4A2E and muted gold trims like #C9A35A convey craftsmanship and subtle ornamentation without overpowering the palette. This combination succeeds because it pairs readable contrast with soft aesthetics, making it ideal for designers searching for reliable HEX color codes for character-driven interfaces and thematic palettes.
Best Sucrose Color Combinations
Airy Mint & Anchor Navy
Mint-teal paired with deep navy creates readable contrast ideal for primary UI surfaces and call-to-action states while keeping a gentle, scholarly tone.
Warm Cream & Alchemical Accent
A soft cream base with muted gold accents provides an elegant, lab-inspired look perfect for highlights, icons, and trim in character-themed designs.
Explore More Genshin Impact Character Color Palettes Character Color Codes
Download Sucrose Genshin Impact Color Palette
Sucrose .ASE Swatches
For Adobe Swatches & Procreate
Sucrose .SVG Palette
Vector Color Palette
Sucrose .PNG Image
High-Quality Palette Preview
FAQs about Sucrose Genshin Impact Color Codes
What is the exact HEX for Sucrose’s hair color?
Sucrose’s hair color (mint-teal) is #A7DAD1.
Which HEX represents Sucrose’s main outfit or dress color?
The main dress and structural garments use a deep navy-indigo: #2A2F4A.
What are the accent HEX codes for straps, leather, and trims?
Leather and strap accents use #6B4A2E while muted gold trims use #C9A35A for highlights.
