Venti, Mondstadt’s playful Anemo bard, combines airy charm with refined costume details that make his palette ideal for themed UI/UX projects and character concept work. The design leans on a vivid teal Mountain Meadow (#2FAE92), grounded deep green Casal (#2E6E5A), and crisp White (#FFFFFF) highlights to convey wind magic, youthful clarity, and approachable elegance. If you’re searching for Venti color codes or Venti palette HEX references for web, branding, or game UI, this breakdown shows how each tone functions practically and visually while keeping faithful to the character’s lore.
Venti Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Mountain Meadow | #2FAE92 | 47, 174, 146 | 73, 0, 16, 32 | |
| Casal | #2E6E5A | 46, 110, 90 | 58, 0, 18, 57 | |
| White | #FFFFFF | 255, 255, 255 | 0, 0, 0, 0 | |
| Cork | #4A2C1F | 74, 44, 31 | 0, 41, 58, 71 | |
| Big Stone | #1A2B3A | 26, 43, 58 | 55, 26, 0, 77 |
Venti CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Venti Genshin Impact Palette */
--venti-genshin-impact-mountain-meadow: #2FAE92;
--venti-genshin-impact-casal: #2E6E5A;
--venti-genshin-impact-white: #FFFFFF;
--venti-genshin-impact-cork: #4A2C1F;
--venti-genshin-impact-big-stone: #1A2B3A;
}More Genshin Impact Color Codes (Green Palette)
Venti CSS Gradients
Beautiful gradient backgrounds inspired by Venti’s aesthetic. Click to copy the CSS code.
Venti Color Scheme Breakdown
Mountain Meadow#2FAE92
A vivid teal-green seen across Venti’s Anemo motif accents, cape details, and gemstone-like ornaments; it communicates wind magic, freedom, and the fresh, airy identity tied to Mondstadt’s Archon.
Casal#2E6E5A
A deep, muted green used on major fabric areas of his bard outfit, especially the tunic and layered clothing panels; it grounds the design, balancing elegance with a natural, forest-like tone.
White#FFFFFF
A clean white applied to the prominent collar ruffles and shirt elements framing his neck and chest; it adds clarity and purity, enhancing the crisp, youthful bard silhouette against darker greens.
Cork#4A2C1F
A warm dark brown appearing in Venti’s hair and small leather-like trims; it introduces warmth and human softness, reinforcing his approachable bard persona rather than a distant, divine figure.
Big Stone#1A2B3A
A near-black navy used in shorts, stockings, and shadowed garment sections that read as a base neutral; it increases contrast, sharpens the costume’s structure, and keeps the palette refined.
Venti 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Venti’s palette for a perfectly balanced visual hierarchy.
Venti UI Component Preview
Here is a live example of how the Venti color palette looks when applied to a modern UI component.
Venti
Anemo Bard
“The wind speaks to those who listen.”
Venti 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 Venti’s aesthetic.
- Main LED: 47, 174, 146
- Accent LED: 46, 110, 90
The Design Philosophy behind Venti’s Palette
The design philosophy behind Venti’s palette uses contrast and nature-based tones to embody Anemo’s freedom and the bard’s approachable persona. Mountain Meadow (#2FAE92) reads as elemental and vibrant, signaling Anemo energy, while Casal (#2E6E5A) anchors garments with a mature, forest-like depth; White (#FFFFFF) supplies crisp focal points that enhance silhouette readability. Warm Cork (#4A2C1F) accents add human warmth and leather realism, and near-black Big Stone (#1A2B3A) provides structural contrast for legibility. For designers searching Venti palette HEX or color codes, this combination balances thematic symbolism with practical UI contrast and hierarchy needs.
Best Venti Color Combinations
Anemo Accent Duo
A bright teal paired with clean white creates high-visibility accents ideal for buttons, icons, and elemental markers in UI designs.
Forest Foundation
A deep green and near-black navy form a grounded, readable base for backgrounds, panels, and typographic hierarchy.
Explore More Genshin Impact Character Color Codes
Download Venti Genshin Impact Color Palette
Venti .ASE Swatches
For Adobe Swatches & Procreate
Venti .SVG Palette
Vector Color Palette
Venti .PNG Image
High-Quality Palette Preview
FAQs about Venti Genshin Impact Color Codes
What is Venti’s hair color HEX?
Venti’s hair and some trim elements are represented by Cork — #4A2C1F.
Which HEX represents Venti’s main outfit color?
The primary garment tone is Casal — #2E6E5A, used across major fabric areas like the tunic.
What is the accent/gem color HEX used for Venti’s Anemo motif?
The signature Anemo/gem accent is Mountain Meadow — #2FAE92.
