#FF6600
#FFCC00
#CC0000
#006600
Background
Primary Accent
Secondary
Body Text

Indian Festival

vibrantjoyfulfestive all brandinglifestyleseasonal
Fail
WCAG Grade
2.5:1
Contrast Ratio
2,900
Saves
7,800
AI Copies
AI Prompt

Use #FF6600 as the background. Use #FFCC00 as the primary accent. Use #CC0000 as secondary. Use #006600 as body text/supporting color. Palette mood: Indian Festival — vibrant, joyful, festive.

Hex Codes, RGB & CMYK Color Values

Technical breakdown for the Indian Festival color scheme. Use these values for web design (HEX/RGB), print projects (CMYK), or specialized design software (HSL).

Swatch Design Role HEX RGB CMYK HSL
Background
Luminance: 30.8%
255, 102, 0 0%, 60%, 100%, 0% 24°, 100%, 50%
Primary Accent
Luminance: 64.4%
255, 204, 0 0%, 20%, 100%, 0% 48°, 100%, 50%
Secondary
Luminance: 12.8%
204, 0, 0 0%, 100%, 100%, 20% 0°, 100%, 40%
Body Text
Luminance: 9.5%
0, 102, 0 100%, 0%, 100%, 60% 120°, 100%, 20%

Indian Festival Color Psychology & Meaning

Indian festival is Holi and Diwali compressed into four colors — the bold primaries of a culture that celebrates life at maximum saturation and believes color is sacred.

Color Harmony: Triadic Scheme

The Indian Festival palette is built using a triadic relationship between its hues. This ensures that even with high-contrast accents, the overall scheme feels balanced and intentional.

Hue Wheel

A triadic palette is often preferred by professional designers because it balances visual interest with cohesion.

History & Design Context

Indian festival color culture draws from religious and seasonal celebration traditions: Holi's powder colors, Diwali's diya lights, and the vibrant pigments of South Asian textile dyeing.

Best Design Use Cases

Deep orange for primary festive elements. Gold for prosperity and premium accents. Crimson for auspicious moments. Green for natural and growth elements. Bold and joyful.

Industries This Palette Suits

South Asian brands, festival brands, global celebration campaigns, Indian cuisine, cultural events.

How to Implement the Indian Festival Color Scheme

To use this Indian Festival color palette in your web project, you can copy the following CSS variables or Tailwind CSS configuration. These roles ensure your UI maintains accessibility and visual hierarchy.

Option 1: CSS Variables

:root { 
  /* {name} Palette - ihatecolors.com */{'
'}  --color-bg: {colors[0]};{'
'}  --color-primary: {colors[1]};{'
'}  --color-secondary: {colors[2]};{'
'}  --color-text: {colors[3]};{'
'} {'}'}

Web Design Tip

Use #FF6600 for the main background and #FFCC00 for primary buttons. This creates a high-contrast focal point.

Accessibility Note

The contrast ratio between #006600 and #FF6600 is 2.47:1 (Fail). Ensure your body text remains legible.

Live Preview
Generate Similar ✦
} } Skip to content > le> >