Tribbie is Honkai Star Rail’s adorable plush-like companion, designed to feel warm, approachable and instantly recognizable through a soft pastel palette. The main fur Azalea #F7C6D2 creates the signature cute identity, balanced by Serenade #FFF5E6 on the belly and inner ear for plush toy softness, while Goldenrod #FFD97A pops as cheek highlights and VFX accents. For designers and UI/UX specialists searching for color codes and palette inspiration, Tribbie demonstrates how a restrained set of HEX values can drive character branding and readable iconography across game interfaces.
Tribbie Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Azalea | #F7C6D2 | 247, 198, 210 | 0, 20, 15, 3 | |
| Serenade | #FFF5E6 | 255, 245, 230 | 0, 4, 10, 0 | |
| Goldenrod | #FFD97A | 255, 217, 122 | 0, 15, 52, 0 | |
| Quincy | #5B3A29 | 91, 58, 41 | 0, 36, 55, 64 | |
| Mine Shaft | #2B2B2B | 43, 43, 43 | 0, 0, 0, 83 |
Tribbie CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Tribbie Honkai Star Rail Palette */
--tribbie-honkai-star-rail-azalea: #F7C6D2;
--tribbie-honkai-star-rail-serenade: #FFF5E6;
--tribbie-honkai-star-rail-goldenrod: #FFD97A;
--tribbie-honkai-star-rail-quincy: #5B3A29;
--tribbie-honkai-star-rail-mine-shaft: #2B2B2B;
}More Honkai: Star Rail Character Color Palettes Color Codes (Pink Palette)
Tribbie CSS Gradients
Beautiful gradient backgrounds inspired by Tribbie’s aesthetic. Click to copy the CSS code.
Tribbie Color Scheme Breakdown
Azalea#F7C6D2
This soft pastel pink appears across Tribbie’s main fur and outer ears, signifying its cute, approachable design and serving as the character’s primary identity color used in promotional art and in-game icons.
Serenade#FFF5E6
A warm cream tone fills Tribbie’s belly, muzzle, and inner ear highlights, providing gentle contrast to the pink fur while conveying softness and plush toy-like warmth in illustrations and in-game models.
Goldenrod#FFD97A
A sunny buttery yellow marks Tribbie’s cheek spots, small accessory details, and occasional glow effects, accentuating mischievous charm and drawing attention to facial expressions and interactive VFX during animation sequences.
Quincy#5B3A29
A deep warm brown outlines Tribbie’s paw pads, eye rims, and small markings, grounding the design with organic contrast, hinting at animal-like features and improving silhouette readability against pastel body tones.
Mine Shaft#2B2B2B
A near-black charcoal serves as the thin outline for Tribbie’s facial features, pupils, and small accessories, providing crisp definition for expressions and readable contrast in sprites, portraits, and UI icons.
Tribbie 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Tribbie’s palette for a perfectly balanced visual hierarchy.
Tribbie UI Component Preview
Here is a live example of how the Tribbie color palette looks when applied to a modern UI component.
Tribbie
Playful Companion
“Squeak! Tribbie’s ready to play!”
Tribbie 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 Tribbie’s aesthetic.
- Main LED: 247, 198, 210
- Accent LED: 255, 245, 230
The Design Philosophy behind Tribbie’s Palette
Tribbie’s design philosophy relies on emotional clarity and functional contrast: a primary pastel (Azalea #F7C6D2) establishes innocence and brand recognition, a warm neutral (Serenade #FFF5E6) supports tactile softness, and a bright accent (Goldenrod #FFD97A) signals interaction and expression. Darker anchors like Quincy #5B3A29 and Mine Shaft #2B2B2B provide silhouette definition and legibility for pupils, outlines and small markings. This curated palette respects UI/UX principles—maintaining accessible contrast, clear focal points and consistent color codes—so the character reads well in portraits, icons and animated VFX while reinforcing personality and gameplay cues.
Best Tribbie Color Combinations
Soft Core Contrast
A pastel primary paired with a deep warm brown provides readable outlines and organic contrast for icons and character silhouettes.
Warm Accent Duo
Creamy neutrals with a buttery yellow accent create a plush, friendly feel and draw attention to facial expressions or interactive elements.
Explore More Honkai: Star Rail Character Color Palettes Character Color Codes
Download Tribbie Honkai Star Rail Color Palette
Tribbie .ASE Swatches
For Adobe Swatches & Procreate
Tribbie .SVG Palette
Vector Color Palette
Tribbie .PNG Image
High-Quality Palette Preview
FAQs about Tribbie Honkai Star Rail Color Codes
What is Tribbie’s main fur color?
Tribbie’s main fur color (primary identity) is Azalea #F7C6D2.
Which colors define Tribbie’s overall palette and soft areas?
The overall soft palette is built from Azalea #F7C6D2 and Serenade #FFF5E6 for body and belly tones.
What are the accent and outline colors used for highlights and definition?
Accent highlights use Goldenrod #FFD97A, while definition and outlines use Quincy #5B3A29 and Mine Shaft #2B2B2B.
