Nostalgic 1970s vintage palette featuring mustard yellow, burnt orange, avocado green, and chocolate brown.
Instantly shift Retro 70s Warmth into Pastel, Dark, Luxury, Muted, or Vibrant variations.
Target industry compatibility and UI design system fit scores.
High-contrast data cards, charts, and clean sidebar navigation.
Instills institutional trust, wealth metrics, and transaction clarity.
Sleek dark or minimal backgrounds highlighting creative work.
Vibrant CTA buttons and product card grid contrast.
Calming, trustworthy tones ideal for clinical portals and telehealth.
Engaging, readable text contrast for learning management apps.
Optimized touch target contrast and compact mobile navigation.
Structured status indicators, tables, and settings control panels.
Instantly see how Retro 70s Warmth behaves across real application layouts.
Leverage automated pipelines and real-time color tokens engineered for high-performing teams.
| Swatch | HEX | RGB | HSL | HSV | CMYK | OKLCH | Copy |
|---|---|---|---|---|---|---|---|
| #3D2314 | rgb(61, 35, 20) | hsl(22°, 51%, 16%) | hsv(22°, 67%, 24%) | cmyk(0%, 43%, 67%, 76%) | oklch(0.286 0.047 50.2°) | ||
| #9C4114 | rgb(156, 65, 20) | hsl(20°, 77%, 35%) | hsv(20°, 87%, 61%) | cmyk(0%, 58%, 87%, 39%) | oklch(0.491 0.133 43.2°) | ||
| #D47E20 | rgb(212, 126, 32) | hsl(31°, 74%, 48%) | hsv(31°, 85%, 83%) | cmyk(0%, 41%, 85%, 17%) | oklch(0.672 0.145 61.5°) | ||
| #E5B233 | rgb(229, 178, 51) | hsl(43°, 77%, 55%) | hsv(43°, 78%, 90%) | cmyk(0%, 22%, 78%, 10%) | oklch(0.79 0.146 85.3°) | ||
| #687D43 | rgb(104, 125, 67) | hsl(82°, 30%, 38%) | hsv(82°, 46%, 49%) | cmyk(17%, 0%, 46%, 51%) | oklch(0.559 0.086 125.5°) |
Export directly for Tailwind, CSS Variables, SCSS, JSON, and Figma Tokens.
// Retro 70s Warmth Tailwind Config
module.exports = {
theme: {
extend: {
colors: {
'retro-70s-warmth': {
'100': '#3D2314',
'200': '#9C4114',
'300': '#D47E20',
'400': '#E5B233',
'500': '#687D43',
}
}
}
}
};Automated contrast ratio analysis and text overlay recommendations for Retro 70s Warmth.
Theoretical color wheel relationships derived from the dominant brand color #3D2314.
Warm earth tone palette incorporating burnt orange, terracotta clay, and sage green for artisanal e-commerce and interior design sites.
Warm, welcoming rose coral palette inspired by global hospitality platforms and travel booking experiences.
Warm Mediterranean sunburst palette combining golden yellow, terracotta brown, and olive green tones.
Discover high-contrast, accessible color schemes used by top SaaS products like Linear, Stripe, and Apple.
How leading brands use red, blue, green, and gold to evoke trust, urgency, and premium luxury.
How to use soft pastel palettes in modern web design without sacrificing text readability.