studios in motion · Design-Pool · Stand 18.09.2026

Design-Pool: Farb- und Schriftkombinationen

Der gemeinsame Vorrat für alle Projekte (Websites, Portale, Präsentationen, Social). Start am 18.09.2026 mit 20 Farbkombinationen aus Renés Screenshots. Maschinenlesbar in farben.json und schriften.json. Der Pool wächst: neue Kombinationen unten anhängen, IDs bleiben stabil, damit Projekte sich darauf beziehen können.

So wird der Pool benutzt. Vor jeder Farbentscheidung in einem Projekt hier nachsehen und eine Kombination als Ausgangspunkt nehmen (ID im Projektstand notieren). Die dunkle Farbe ist die Zweitfläche für Aktionen und Footer, die helle die Grundfläche, eine Akzentfarbe nur für Knöpfe und Hervorhebungen. Kontrastwert = Verhältnis zwischen dunkelster und hellster Farbe; unter 4,5:1 taugt das Paar für Flächen, nicht für Fließtext.

Farbkombinationen

Deep Burgundy#5B0E14dunkel
Golden Sand#F1E194hell

Deep Burgundy + Golden Sand

edelwarmkräftig AA Text 10.5:1

Passt zu: Golf, Premium-Studio, Gastronomie

Quelle: design.deb (Instagram, 22.08.2026) · IMG_0677–0684 · deep-burgundy-golden-sand

--c-1:#5B0E14; --c-2:#F1E194;

Soft Sage#ACC8A2hell
Deep Olive#1A2517dunkel

Soft Sage + Deep Olive

natürlichruhigmodern AA Text 8.73:1

Passt zu: Gesundheit, Reha, Yoga, Golf

Quelle: design.deb (Instagram, 22.08.2026) · IMG_0677–0684 · soft-sage-deep-olive

--c-1:#ACC8A2; --c-2:#1A2517;

Pumpkin#FD802Eakzent
Charcoal#233D4Cdunkel

Pumpkin + Charcoal

energischsportlichmodern AA Text 4.5:1

Passt zu: Fitnessstudio, Functional, Branche/B2B

Quelle: design.deb (Instagram, 22.08.2026) · IMG_0677–0684 · pumpkin-charcoal

--c-1:#FD802E; --c-2:#233D4C;

Cloudy Sky#CBDDE9hell
Ocean Blue#2872A1dunkel

Cloudy Sky + Ocean Blue

frischklarvertrauensvoll Kontrast 3.75:1, nur Flächen/Deko

Passt zu: Schwimmbad, Physio, Software, Kanzlei

Quelle: design.deb (Instagram, 22.08.2026) · IMG_0677–0684 · cloudy-sky-ocean-blue

--c-1:#CBDDE9; --c-2:#2872A1;

Lemon Chiffon#FEFACDhell
Ultra Violet#5F4A8Bdunkel

Lemon Chiffon + Ultra Violet

verspieltkreativjung AA Text 6.96:1

Passt zu: Kurse, Tanz, Kinder, Social-Grafiken

Quelle: design.deb (Instagram, 22.08.2026) · IMG_0677–0684 · lemon-chiffon-ultra-violet

--c-1:#FEFACD; --c-2:#5F4A8B;

Peach Ice#FFD2C2hell
Aqua Mist#789A99mittel

Peach Ice + Aqua Mist

sanftwellnessweiblich Kontrast 2.22:1, nur Flächen/Deko

Passt zu: Beauty, Wellness, Sauna, Yoga

Quelle: design.deb (Instagram, 22.08.2026) · IMG_0677–0684 · peach-ice-aqua-mist

--c-1:#FFD2C2; --c-2:#789A99;

Sapphire Teal#0D657Bdunkel
Creme (im Original „Bottle Green“ genannt)#F3F0E9hell

Sapphire Teal + Creme

ruhigseriöseditorial AA Text 5.83:1

Passt zu: Fitnesswissen-Kandidat, Physio, Gesundheitszentrum

Quelle: social.cameo (Instagram, 26.08.2026) · IMG_0693–0697 · sapphire-teal-creme

--c-1:#0D657B; --c-2:#F3F0E9;

Copper Clay#B06243akzent
Alabaster Sand#F0E6DDhell

Copper Clay + Alabaster Sand

warmerdighochwertig Kontrast 3.65:1, nur Flächen/Deko

Passt zu: Beauty, Sauna, Golf-Clubhaus, Gastronomie

Quelle: social.cameo (Instagram, 26.08.2026) · IMG_0693–0697 · copper-clay-alabaster-sand

--c-1:#B06243; --c-2:#F0E6DD;

Pine Fern#4F664Cdunkel
Porcelain Cream#F4ECE1hell

Pine Fern + Porcelain Cream

natürlichklassischruhig AA Text 5.37:1

Passt zu: Golf, Reha, Naturheilkunde

Quelle: social.cameo (Instagram, 26.08.2026) · IMG_0693–0697 · pine-fern-porcelain-cream

--c-1:#4F664C; --c-2:#F4ECE1;

Twilight Cobalt#40508Cdunkel
Lavender Frost#D7CFF4hell

Twilight Cobalt + Lavender Frost

modernkühldigital AA Text 5.15:1

Passt zu: Software, Portal, Kurse

Quelle: social.cameo (Instagram, 26.08.2026) · IMG_0693–0697 · twilight-cobalt-lavender-frost

--c-1:#40508C; --c-2:#D7CFF4;

Mulled Berry#714657dunkel
Petal Beige#E8C6BChell

Mulled Berry + Petal Beige

weichelegantweiblich AA Text 4.87:1

Passt zu: Beauty, Frauenfitness, Wellness

Quelle: social.cameo (Instagram, 26.08.2026) · IMG_0693–0697 · mulled-berry-petal-beige

--c-1:#714657; --c-2:#E8C6BC;

Sage Green#8CA986mittel
Sand Beige#EADFCFhell

Sage Green + Sand Beige

natürlichsanftmodern Kontrast 1.96:1, nur Flächen/Deko

Passt zu: Yoga, Gesundheit, Reha

Quelle: zbalosch (Instagram, 09/2026) · IMG_0710–0714 · sage-green-sand-beige

--c-1:#8CA986; --c-2:#EADFCF;

Fire Red#E62727akzent
Electric Yellow#FFDE00akzent

Fire Red + Electric Yellow

lautsportlichDiscount Kontrast 3.35:1, nur Flächen/Deko

Passt zu: Aktionen, Ads, Fitness-Discount, Events

Quelle: zbalosch (Instagram, 09/2026) · IMG_0710–0714 · fire-red-electric-yellow

--c-1:#E62727; --c-2:#FFDE00;

Cloud Dancer#F0EEE9hell
Wild Strawberry#F15596akzent

Cloud Dancer + Wild Strawberry

frischjungweiblich Kontrast 2.8:1, nur Flächen/Deko

Passt zu: Frauenfitness, Beauty, Kurse

Quelle: zbalosch (Instagram, 09/2026) · IMG_0710–0714 · cloud-dancer-wild-strawberry

--c-1:#F0EEE9; --c-2:#F15596;

Frost#EEF2FFhell
Sapphire#0F3460dunkel

Frost + Sapphire

seriösklarVertrauen AA Text 11.18:1

Passt zu: Kanzlei, Software, B2B, Branche

Quelle: zbalosch (Instagram, 09/2026) · IMG_0710–0714 · frost-sapphire

--c-1:#EEF2FF; --c-2:#0F3460;

Cream#FAF3E0hell
Forest#2D6A4Fdunkel

Cream + Forest

natürlichedelruhig AA Text 5.77:1

Passt zu: Golf, Fitnesswissen-Kandidat, Gesundheit

Quelle: zbalosch (Instagram, 09/2026) · IMG_0710–0714 · cream-forest

--c-1:#FAF3E0; --c-2:#2D6A4F;

Midnight#0F172Aprimär
Violet#7C3AEDsekundär
Cyan#22D3EEakzent
Lavender#A78BFAtertiär
Ghost#EDE9FEhintergrund

Midnight Neon

dunkelelektrischfuturistisch AA Text 15.04:1

Passt zu: Apps, SaaS, Tools, Cockpit, Dark-Mode

Quelle: figma.expert (Instagram, Figma Colour Palette Series) · IMG_0722–0725 · midnight-neon

--c-1:#0F172A; --c-2:#7C3AED; --c-3:#22D3EE; --c-4:#A78BFA; --c-5:#EDE9FE;

Deep Forest#2E3A2Fprimär
Moss#6B7F5Bsekundär
Sand#D9C9B2tertiär
Terracotta#C96F4Fakzent
Off-White#F8F6EEhintergrund

Earthy Minimal

warmnatürlichpremium AA Text 11.01:1

Passt zu: Golf, Wellness, Lifestyle, Premium-Studio

Quelle: figma.expert (Instagram, Figma Colour Palette Series) · IMG_0722–0725 · earthy-minimal

--c-1:#2E3A2F; --c-2:#6B7F5B; --c-3:#D9C9B2; --c-4:#C96F4F; --c-5:#F8F6EE;

Deep Blue#0B3D91primär
Sky#3BA7F2sekundär
Mint#7FE7D6tertiär
Ice#E8F6FFhintergrund

Ocean Breeze

frischruhigmodern AA Text 9.12:1

Passt zu: Schwimmbad, Physio, Software, Portal

Quelle: figma.expert (Instagram, Figma Colour Palette Series) · IMG_0722–0725 · ocean-breeze

--c-1:#0B3D91; --c-2:#3BA7F2; --c-3:#7FE7D6; --c-4:#E8F6FF;

Plum#4D3A4Dprimär
Orchid#BE5CA9sekundär
Pink#D59CC5tertiär
Blush#EADADAhintergrund

Vibrant Sunset

verspieltwarmkreativ AA Text 7.66:1

Passt zu: Beauty, Kurse, Social, Tanz

Quelle: figma.expert (Instagram, Figma Colour Palette Series) · IMG_0722–0725 · vibrant-sunset

--c-1:#4D3A4D; --c-2:#BE5CA9; --c-3:#D59CC5; --c-4:#EADADA;

Schriftkombinationen

Noch leer. René liefert Kombinationen nach; bis dahin gilt das Schrift-Labor mit seinen Sets. Jede Kombination bekommt hier denselben Aufbau: Überschrift, Text, Auszeichnung, Quelle, Fontsource-Pakete, Eignung. Schriften werden immer selbst gehostet, nie über Google Fonts zur Laufzeit.

Neue Kombination aufnehmen

  1. Screenshot in /root/transfer/colorcombos/ (oder Unterordner) ablegen, Hex-Werte auslesen.
  2. Eintrag in farben.json anhängen (id, name, quelle, farben mit rolle, stimmung, eignung), Seite neu erzeugen.
  3. Commit in sim-ops, docker cp in den Hub-Container, Link prüfen.