Warm Earthy Golden Clay
Category: Yellow
Ochre (#CC7722) — Color Codes, Meaning & UI Palettes
Ochre is one of humanity's oldest natural pigments, created from iron oxide clay. It embodies the sun-warmed earth, historical warmth, craftsmanship, and primal authenticity.
Click to Copy HEX
Ochre
#CC7722
HEX
#CC7722
RGB
rgb(204, 119, 34)
HSL
hsl(30deg, 71%, 47%)
CMYK (Print)
cmyk(0%, 42%, 83%, 20%)
Apple Display P3
color(display-p3 0.800 0.467 0.133)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
3.37:1 (AA Large)
Black Text (#000000)
6.23:1 (AA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#FCF7F2
100
#F7E9DC
200
#EFD3B8
300
#E4B88C
400
#D89857
500
#CC7722
600
#A35F1B
700
#7A4714
800
#52300E
900
#2D1A07
950
#180E04
Color Harmonies & Palette Schemes
Complementary
#2378CD
Opposite 180° Contrast
Analogous -30°
#CD2323
Natural Harmony
Analogous +30°
#CDCD23
Natural Harmony
Triadic +120°
#23CD78
120° Balanced Triad
Triadic +240°
#7823CD
120° Balanced Triad
Curated UI Design Pairings for Ochre
Ideal for heritage apparel, specialty culinary brands, architectural portfolios, and outdoor adventure publications.
Basalt Stone
#1C1917
Grounding Typography
Sunlit Parchment
#FAF6EE
Warm Paper Canvas
Olive Grove
#556B2F
Harmonic Nature Tone
Terracotta
#E2725B
Warm Companion
Export Ochre Code Snippets
CSS Variable
--color-ochre-color: #CC7722;
Tailwind Config
'ochre-color': '#CC7722'
Swift / SwiftUI
Color(hex: "#CC7722")
JSON Design Token
{"name": "Ochre", "hex": "#CC7722"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.