Kleuren | Emerson

Core Kleuren

De fundamentele kleuren van ons merk. Orange en Charcoal zijn heilig en mogen niet worden aangepast.

Orange #e7602a --color-orange

Charcoal #2a2d31 --color-charcoal

White #ffffff --color-white

Brand Support

Ondersteunende kleuren voor variatie en diepte in het ontwerp.

Tobacco #9a7b4f --color-brand-tobacco

Slate Bronze #7a6d5d --color-brand-slate-bronze

Oxblood #6b3a3a --color-brand-oxblood

Taupe Foundation

Neutrale tinten voor achtergronden, borders en subtiele accenten.

50 #f7f5f3

100 #ede8e3

200 #ddd5cd

500 #9d8b7d

700 #6d5f52

Retro Toolkit

Vintage-geïnspireerde kleuren voor accenten en illustraties.

Mustard #d4a03c --color-retro-mustard

Rust #b8593b --color-retro-rust

Olive #6b7c4c --color-retro-olive

Teal #3d6b6b --color-retro-teal

Burgundy #7a3b4c --color-retro-burgundy

Gold #c9a961 --color-retro-gold

Sage #8b9b7a --color-retro-sage

Terracotta #c67b5c --color-retro-terracotta

Soft Palette

Zachte tinten voor achtergronden en subtiele accenten.

Blush #e8d5d0

Sky #d0dde8

Mint #d0e8d5

Lavender #ddd0e8

Peach #e8ddd0

Seafoam #d0e8e5

Rose #e8d0dd

Cream #e8e5d0

Semantische Kleuren

Functionele kleuren voor tekst, achtergronden en borders.

Tekst

Primary --text-primary

Secondary --text-secondary

Muted --text-muted

Signature --text-signature

Achtergronden

Primary --bg-primary

Secondary --bg-secondary

Tertiary --bg-tertiary

Inverse --bg-inverse

Accenten

Signature --accent-signature

Warm --accent-warm

Cool --accent-cool

Bold --accent-bold

Gradients

Subtiele gradiënten voor achtergronden en accenten.

Warm Sunset linear-gradient(135deg, var(--color-orange), var(--color-retro-rust))

Golden Hour linear-gradient(135deg, var(--color-retro-mustard), var(--color-retro-gold))

Forest linear-gradient(135deg, var(--color-retro-olive), var(--color-retro-sage))

Ocean linear-gradient(135deg, var(--color-retro-teal), var(--color-soft-seafoam))

Berry linear-gradient(135deg, var(--color-retro-burgundy), var(--color-soft-rose))

Slate linear-gradient(135deg, var(--color-charcoal), var(--color-brand-slate-bronze))

Paper linear-gradient(180deg, var(--color-taupe-50), var(--color-taupe-200))

Twilight linear-gradient(135deg, var(--color-soft-lavender), var(--color-soft-sky))

Kleurenpalet