Sangonomiya Kokomi is portrayed as a calm, strategic leader whose visual identity leans on soft pastels and oceanic tones. Her hair and ornamentation blend Illusion (#F8A9CF) and Biloba Flower (#CFA7E8) to create a delicate, ceremonial aura, while Hydro-related highlights use Turquoise Blue (#72D6E6) to convey clarity and flow. For designers and UI/UX specialists searching for Sangonomiya Kokomi color codes or Kokomi HEX palette references, these exact swatches offer a reliable starting point to recreate her gentle yet authoritative shrine-maiden aesthetic.
Sangonomiya Kokomi Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Illusion | #F8A9CF | 248, 169, 207 | 0, 32, 17, 3 | |
| Biloba Flower | #CFA7E8 | 207, 167, 232 | 11, 28, 0, 9 | |
| Turquoise Blue | #72D6E6 | 114, 214, 230 | 50, 7, 0, 10 | |
| Denim | #2F63C7 | 47, 99, 199 | 76, 50, 0, 22 | |
| Soft Peach | #F8F4F3 | 248, 244, 243 | 0, 2, 2, 3 |
Sangonomiya Kokomi CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Sangonomiya Kokomi Genshin Impact Palette */
--sangonomiya-kokomi-genshin-impact-illusion: #F8A9CF;
--sangonomiya-kokomi-genshin-impact-biloba-flower: #CFA7E8;
--sangonomiya-kokomi-genshin-impact-turquoise-blue: #72D6E6;
--sangonomiya-kokomi-genshin-impact-denim: #2F63C7;
--sangonomiya-kokomi-genshin-impact-soft-peach: #F8F4F3;
}More Genshin Impact Color Codes (Blue Palette)
Sangonomiya Kokomi CSS Gradients
Beautiful gradient backgrounds inspired by Sangonomiya Kokomi’s aesthetic. Click to copy the CSS code.
Sangonomiya Kokomi Color Scheme Breakdown
Illusion#F8A9CF
A soft coral-pink used across Kokomi’s hair gradients, ribbon accents, and ornament details, emphasizing her gentle priestess aura while adding warm contrast against the predominantly cool, oceanic scheme.
Biloba Flower#CFA7E8
A pastel lavender-violet appearing in her dress trims, sleeve details, and ceremonial accessories, reinforcing the Watatsumi shrine-maiden mystique and linking visually to her Hydro magic’s ethereal, dreamlike quality.
Turquoise Blue#72D6E6
A bright aqua-cyan found in Hydro skill effects, watery motifs, and certain fabric highlights, conveying clarity and fluidity while anchoring her identity as a strategic healer connected to the sea.
Denim#2F63C7
A saturated royal blue present in bow-like adornments, costume panels, and deeper garment sections, suggesting authority and composure, and echoing the depth and calm pressure of open ocean waters.
Soft Peach#F8F4F3
A clean pearl-white used in her main robe fabric, stockings, and shell-like decorations, symbolizing purity and priestly duty, while providing a luminous base that makes pastel hair and Hydro tones stand out.
Sangonomiya Kokomi 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Sangonomiya Kokomi’s palette for a perfectly balanced visual hierarchy.
Sangonomiya Kokomi UI Component Preview
Here is a live example of how the Sangonomiya Kokomi color palette looks when applied to a modern UI component.
Sangonomiya Kokomi
Strategic Healer
“I will guide my people to peace.”
Sangonomiya Kokomi 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 Sangonomiya Kokomi’s aesthetic.
- Main LED: 248, 169, 207
- Accent LED: 207, 167, 232
The Design Philosophy behind Sangonomiya Kokomi’s Palette
The design philosophy behind Kokomi’s palette balances emotional warmth with aquatic authority: pastel pinks like Illusion (#F8A9CF) and Biloba Flower (#CFA7E8) humanize her and emphasize ritual and compassion, while Turquoise Blue (#72D6E6) and Denim (#2F63C7) anchor the concept in Hydro elements and strategic depth. Soft Peach (#F8F4F3) provides a luminous base that boosts contrast and readability in UI contexts. This combination succeeds because it mirrors her narrative role — a thoughtful leader who heals and strategizes — and provides clear contrast hierarchies for interface design; designers searching for Kokomi HEX codes will find this palette versatile for both decorative accents and functional UI states.
Best Sangonomiya Kokomi Color Combinations
Sea Priestess Accent
Turquoise Blue on a Soft Peach base gives watery accents strong visibility while keeping the overall tone serene and readable in UI components.
Authority Ribbon
Denim paired with Illusion creates a formal yet approachable contrast ideal for headers, badges, and callouts echoing Kokomi’s leadership.
Explore More Genshin Impact Character Color Codes
Download Sangonomiya Kokomi Genshin Impact Color Palette
Sangonomiya Kokomi .ASE Swatches
For Adobe Swatches & Procreate
Sangonomiya Kokomi .SVG Palette
Vector Color Palette
Sangonomiya Kokomi .PNG Image
High-Quality Palette Preview
FAQs about Sangonomiya Kokomi Genshin Impact Color Codes
What is the hair color HEX of Sangonomiya Kokomi?
Her hair gradients and ribbon accents prominently use Illusion #F8A9CF.
What is Kokomi’s main outfit or robe color in HEX?
The primary robe/base fabric uses Soft Peach #F8F4F3, balanced with deeper garment panels like Denim #2F63C7.
Which HEX codes represent Kokomi’s Hydro highlights and ceremonial trims?
Hydro highlights use Turquoise Blue #72D6E6 while ceremonial trims and violet accents use Biloba Flower #CFA7E8.
