Analogous · 5 colors · April 29, 2026

Red & UCLA

Through the hidden richness of one pigment under every light, Red & UCLA composes a warm, enveloping sensuality. The rhythm between hues evokes creativity, enthusiasm.

AnalogousWarm Dark Neon

#FFD500Couleur 1

RGB255 213 0HSL50 100 50

#FFB300Couleur 2

RGB255 179 0HSL42 100 50

#B15800Couleur 3

RGB177 88 0HSL30 100 35

#5E0000Couleur 4

RGB94 0 0HSL0 100 18

#3E0000Couleur 5

RGB62 0 0HSL0 100 12

✦Palette Usage Guide

Application Scenarios

Interface Design

Combine #3e0000 for text on #ffd500 background.

Emotional Impact

Through the hidden richness of one pigment under every light, Red & UCLA composes a warm, enveloping sensuality. The rhythm between hues evokes creativity, enthusiasm.

Contrast Analysis

Text on Canvas

12.3:1

AAA

Secondary on Canvas

3.5:1

AA Large

Accent on Base

3.5:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Brand :

Average ΔE :67 (Rough)

#FFD500

DMC 973

Canary Bright

ΔE 70

#FFB300

DMC 972

Canary Deep

ΔE 72

#B15800

DMC 435

Brown Very Light

ΔE 80

#5E0000

DMC 814

Garnet Dark

ΔE 58

#3E0000

DMC 938

Coffee Brown Ul Dk

ΔE 57

Approximate sRGB matches — request a physical color card from each brand before purchasing.

Technical Specs

Developer Assets

Developer handoff assets with copyable code blocks for design systems.

CSS

:root {
  --color-couleur-1: #ffd500;
  --color-couleur-2: #ffb300;
  --color-couleur-3: #b15800;
  --color-couleur-4: #5e0000;
  --color-couleur-5: #3e0000;
}

Tailwind

'red-ucla': {
  500: '#ffd500',
  400: '#ffb300',
  300: '#b15800',
  200: '#5e0000',
  100: '#3e0000',
}

JSON

{
  "name": "Red & UCLA",
  "harmony": "Analogous",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#ffd500"
    },
    {
      "name": "Couleur 2",
      "hex": "#ffb300"
    },
    {
      "name": "Couleur 3",
      "hex": "#b15800"
    },
    {
      "name": "Couleur 4",
      "hex": "#5e0000"
    },
    {
      "name": "Couleur 5",
      "hex": "#3e0000"
    }
  ]
}

Export Image

Design Tokens

Design Tokens Export

W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.

Go Pro

Accessibility

Contrast Ratios

Each color vs. white background

Couleur 1

White

1.42:1Fail

Black

14.77:1AAA

Couleur 2

White

1.79:1Fail

Black

11.7:1AAA

Couleur 3

White

4.92:1AA

Black

4.27:1AA Large

Couleur 4

White

14.23:1AAA

Black

1.48:1Fail

Couleur 5

White

17.43:1AAA

Black

1.2:1Fail

Brand Design

Identity Visuals

Icon Application

Typography Pairing

Red & UCLA

The intersection of form and function reveals the palette in all its depth. Every hue is intentional, every space is a breath.

— · Display— · Body

UI Components

Buttons

Active

Surface Card

System element

Emotional Resonance

Color Psychology

Couleur 1

Enthusiasm & Boldness

Couleur 1 is a medium orange with vivid saturation that evokes positive, communicative energy. Its chromatic intensity holds the eye without aggression and stimulates decision-making — the tool of brands that want to stand out.

EnthusiasmOptimismEnergyImpact

Couleur 2

Enthusiasm & Boldness

Couleur 2 is a medium orange with vivid saturation that evokes positive, communicative energy. Its chromatic intensity holds the eye without aggression and stimulates decision-making — the tool of brands that want to stand out.

EnthusiasmOptimismEnergyImpact

Couleur 3

Authenticity & Grounding

Couleur 3 commands the dark, vivid warmth of fired clay — a shade that is both reassuring and memorable. It evokes craftsmanship, raw materials, and tradition. Brands that adopt it communicate authenticity effortlessly.

AuthenticityCraftGroundingTradition

Couleur 4

Authority & Mastery

Couleur 4 is a deep, vivid red that commands a raw and memorable intensity. Its depth lends the gravity of brands that have nothing to justify — quiet power, total assurance.

AuthorityDepthPrestigeGravity

Couleur 5

Authority & Mastery

Couleur 5 is a deep, vivid red that commands a raw and memorable intensity. Its depth lends the gravity of brands that have nothing to justify — quiet power, total assurance.

AuthorityDepthPrestigeGravity

Visual Atmosphere

Moodboard

No images found

Export

Brand PDF

Premium Brand Guidelines document with palette, color psychology and moodboard.

PDF Brand Identity Export

7 premium pages: Cover · Palette · Detail · Typography · Usage Guide

Go Pro

Create your own palette on ColorSeed →