Farben auf der Seite

Farbgestaltung für die Website:

Orange ist eine sehr lebendige, warme Farbe, die starke Akzente setzt. Welche Farben gut harmonieren, hängt davon ab, ob du Kontrast, Ruhe oder Wärme betonen willst. Hier eine Übersicht:

---

🎨 1. Harmonische (analoge) Kombinationen

→ Farben, die neben Orange im Farbkreis liegen – wirken natürlich und warm.

• Gelb (z. B. #FFD54F, #FFC107)
• Rot-Orange / Ziegelrot (z. B. #E65100, #BF360C)
• Koralle / Apricot (z. B. #FF8A65, #FFA270)

🟠 Diese Kombinationen erzeugen Energie und Wärme, eignen sich gut für lebendige, freundliche Designs.

---

🔵 2. Komplementäre (kontrastreiche) Kombinationen

→ Farben, die gegenüber von Orange im Farbkreis liegen – stark, dynamisch, aber balanciert.

• Blau ist die Komplementärfarbe zu Orange!
  • Kräftig: #1565C0, #1E88E5
  • Sanft: #90CAF9, #BBDEFB

🟠🔵 Orange + Blau funktioniert besonders gut für Logos, Webseiten und UI-Themes, weil es warm/kühl-Balance schafft.

---

🩶 3. Neutrale Partner

→ Farben, die Orange zur Geltung bringen, ohne zu konkurrieren.

• Weiß (#FFFFFF) – wirkt sauber, freundlich
• Dunkelgrau (#333333) – modern, professionell
• Anthrazit (#212121) – edel und ruhig
• Beige / Sand (#F5F5DC, #E0C097) – natürlich und weich

🟠⚪ Diese eignen sich hervorragend für Hintergründe oder Text in Kombination mit einem orangen Akzent.

---

🌿 4. Natur- oder Erdfarben

→ Warm, ruhig, sympathisch.

• Olivgrün (#808000)
• Dunkelbraun (#5D4037)
• Creme / Leinen (#FFF8E1)

🟠🟢 Diese Kombinationen wirken organisch und geerdet – z. B. für nachhaltige oder handwerkliche Themen.

---

👀 Kurz gesagt:

Stimmung	Kombi-Beispiel	Hex
Modern & frisch	Orange + Weiß + Anthrazit	#F37B28, #FFFFFF, #333333
Dynamisch & techy	Orange + Blau	#F37B28, #1E5781
Natürlich & warm	Orange + Beige + Braun	#F37B28, #E0C097, #5D4037

Für SVG-Grafiken:

–> Adminer Icon | Dashboard Icons

–> Moodle Original SVG Logo | SVGLogo