The Essence of Gold

A timeless symbol of wealth, prestige, and excellence

Red
255
Green
215
Blue
0
Hue
51°
01 — Variations

Shades, Tints & Tones

A comprehensive palette of gold variations from deep amber to pale champagne, organized by color theory principles.

Tints (Gold + White)

Lighter variations created by adding white to pure gold. Perfect for backgrounds, highlights, and soft accents.

Ivory Whisper
#FFFEF5
Cream Silk
#FFFCE6
Vanilla Cream
#FFF9CC
Butter Cream
#FFF5B3
Pale Gold
#FFF299
Champagne
#FFEE80
Light Gold
#FFEB66
Soft Gold
#FFE74D
Bright Gold
#FFE433

Pure Gold

The base color in its full glory. The standard for luxury and prestige.

Pure Gold
#FFD700

Shades (Gold + Black)

Darker variations created by adding black to pure gold. Ideal for depth, shadows, and sophisticated designs.

Rich Gold
#E6C200
Deep Gold
#CCAC00
Dark Gold
#B39700
Antique Gold
#998200
Bronze Gold
#806C00
Amber Shadow
#665700
Dark Amber
#4D4100
Deep Amber
#332C00

Tones (Gold + Gray)

Muted variations created by adding gray to pure gold. Perfect for subtle, sophisticated, and professional designs.

Muted Cream
#F5E6B3
Soft Beige
#E6D699
Dusty Gold
#D9C780
Muted Gold
#CCB866
Sage Gold
#BFA84D
Olive Gold
#B39933
Khaki Gold
#998033
Earth Gold
#806633
02 — Formats

Color Conversions

Gold expressed in various color models and formats for different applications and platforms.

Digital
Web & Screen
HEX #FFD700
RGB 255, 215, 0
HSL 51°, 100%, 50%
HSV 51°, 100%, 100%
Print
CMYK & Pantone
CMYK 0, 16, 100, 0
Pantone 109 C
RAL 1023
Technical
Advanced Models
LAB 87.82, -5.16, 88.27
XYZ 66.93, 69.10, 10.41
HWB 51°, 0%, 0%
CSS
Modern CSS
P3 0.97, 0.85, 0.13
OKLCH 88%, 0.19, 95°
LCH 87.82%, 88.44, 93.3°
03 — Gradients

Luxury Gradients

Sophisticated gradient combinations featuring gold for premium designs.

Golden Sunrise
linear-gradient(135deg, #ffd700, #ffed4e)
Royal Gold
linear-gradient(135deg, #b8860b, #ffd700)
Sunset Gold
linear-gradient(135deg, #ffd700, #ff8c00)
Champagne Shimmer
linear-gradient(135deg, #ffd700, #ffffff)
Golden Halo
radial-gradient(circle, #ffd700, #b8860b)
Midnight Gold
linear-gradient(135deg, #1a1a1a, #ffd700, #1a1a1a)
Golden Spin
conic-gradient(from 0deg, #ffd700, #ffed4e, #ffd700)
Triple Gold
linear-gradient(135deg, #ffd700, #daa520, #b8860b)
Amber Gold
linear-gradient(135deg, #ffd700, #ffa500)
04 — Harmonies

Color Relationships

Harmonious color combinations based on color theory principles, with practical use cases for each scheme.

Complementary

Opposite colors on the wheel create maximum contrast and visual impact.

Best for: Call-to-action buttons, hero sections, high-impact marketing materials
Analogous

Adjacent colors create harmonious and pleasing combinations.

Best for: Nature-inspired designs, organic brands, wellness applications
Triadic

Three evenly spaced colors create vibrant and balanced palettes.

Best for: Playful brands, creative portfolios, entertainment platforms
Split Complementary

A softer alternative to complementary with more variety.

Best for: Tech startups, modern apps, innovative products
Tetradic (Square)

Four colors evenly spaced create rich, dynamic palettes.

Best for: Complex dashboards, data visualization, gaming interfaces
Monochromatic

Variations of a single hue create sophisticated, cohesive designs.

Best for: Luxury brands, minimalist designs, professional portfolios
Neutral Combination

Gold paired with neutrals for timeless elegance.

Best for: Corporate websites, premium e-commerce, professional services
Warm Harmony

Warm colors create energetic, inviting atmospheres.

Best for: Food & beverage, hospitality, lifestyle brands
05 — Psychology

The Meaning of Gold

Understanding the psychological and cultural significance of gold.

👑

Luxury

Gold represents wealth, prestige, and high quality. It's the ultimate symbol of luxury and exclusivity.

🏆

Achievement

Associated with winning, success, and excellence. Gold medals and awards signify top performance.

Radiance

Evokes warmth, illumination, and positive energy. Gold brings light and optimism to designs.

💎

Value

Represents something precious, rare, and worth preserving. Gold implies lasting value and quality.

06 — Applications

Design Applications

Practical examples of how to use gold effectively in various design contexts.

Aa

Typography

Use gold for headlines and important text to draw attention and convey premium quality.

🎨

Backgrounds

Gold gradients create luxurious backgrounds for hero sections and premium content areas.

Accents

Gold borders, icons, and UI elements add sophistication without overwhelming the design.

Premium

Call-to-Action

Gold buttons and CTAs stand out and encourage user interaction with premium offerings.

Build Your Portfolio with Portlu – HTML5 Template from $17

Showcase your skills, projects, and agency with Portlu—a modern, customizable HTML5 template designed for creative professionals.