36 Farben für Websites, die wir 2027 selbst verwenden würden.

Die richtige Farbe findet man selten über ihren Namen. Man muss sie sehen. Deshalb haben wir hier Farbtöne gesammelt, die sich für moderne Websites gut einsetzen lassen – von ruhigen Blautönen bis zu warmen Naturfarben.

Wenn Sie selbst gestalten, können Sie den HEX-Code direkt kopieren. Für Ihr eigenes Projekt dürfen Sie ruhig mehrere Farben sammeln, die Ihnen gefallen.

So entsteht nach und nach ein Gefühl dafür, wie Ihre neue Website wirken soll. Legen Sie Ihre Favoriten einfach auf den D/7 Merkzettel. Später sehen wir sofort, ob es eher kühl, ruhig, warm, kräftig oder ganz reduziert werden soll.

Schöne Blautöne für Websites

Von klar und frisch bis dunkel und ruhig. Blau funktioniert nicht nur bei Versicherungen.

D/7 F01

Dailyseven Blau

Klar, freundlich und kräftig genug für Buttons, Links und größere Akzentflächen.

#4566D9

D/7 F02

Klares Blau

Etwas frischer und heller. Gut für digitale Produkte und moderne Unternehmensseiten.

#3B73E8

D/7 F03

Tiefes Blau

Ruhiger und etwas ernster. Funktioniert schön mit viel Weiß und hellen Grautönen.

#274690

D/7 F04

Nachtblau

Dunkel genug für große Flächen und trotzdem etwas weicher als reines Schwarz.

#172A46

D/7 F05

Staubiges Blau

Gedämpft und angenehm zurückhaltend. Passt gut zu Beratung, Gesundheit und ruhigen Marken.

#6D86A8

D/7 F06

Eisblau

Sehr hell und gut für Hintergründe, auf denen Weiß schon fast zu weiß wäre.

#DCE7F7

Grüntöne, die nicht gleich nach Bio-Siegel aussehen

Ruhige, natürliche und etwas technischere Varianten.

D/7 F07

Dunkles Salbei

Natürlich, ruhig und erwachsen. Schön mit warmem Weiß und Sand.

#526B5B

D/7 F08

Modernes Grün

Klarer und frischer, ohne zu grell zu werden.

#3F7D62

D/7 F09

Waldgrün

Kräftig genug für große Flächen und hochwertige Auftritte.

#234B3A

D/7 F10

Helles Salbei

Eine gute Hintergrundfarbe, wenn Grau zu kühl wirkt.

#C9D6C5

D/7 F11

Petrolgrün

Eine schöne Mischung aus Grün und Blau mit etwas mehr Tiefe.

#27736B

D/7 F12

Olive

Warm und etwas ungewöhnlicher. Gut mit Creme und dunkler Typografie.

#747A4D

Sand, Beige & warme Naturtöne

Für Websites, die freundlich und ruhig wirken sollen, ohne komplett farblos zu werden.

D/7 F13

Warmweiß

Fast weiß, aber deutlich angenehmer neben warmen Farben.

#F7F4EE

D/7 F14

Heller Sand

Zurückhaltend und gut geeignet für größere Hintergrundflächen.

#E8DDCB

D/7 F15

Kaschmir

Etwas eleganter als Beige und sehr angenehm mit dunklen Brauntönen.

#D7C7B5

D/7 F16

Lehm

Warm und kräftiger. Funktioniert gut als Akzent zu hellen Naturfarben.

#A8755B

D/7 F17

Walnuss

Dunkel, warm und eine schöne Alternative zu Anthrazit.

#654D42

D/7 F18

Creme

Sehr hell und freundlich. Funktioniert besonders gut mit dunklem Grün.

#F1E8D9

Rot, Orange & warme Akzentfarben

Für Buttons, Hinweise oder Marken, bei denen etwas mehr Energie gut passt.

D/7 F19

Koralle

Freundlicher als klassisches Rot und sehr gut als Akzent.

#E76F61

D/7 F20

Terrakotta

Warm, etwas erdiger und schön in Kombination mit Creme.

#C9664C

D/7 F21

Rostrot

Dunkler und ruhiger. Gut, wenn Rot nicht nach Warnmeldung aussehen soll.

#9D4D3D

D/7 F22

Orange

Klar und sichtbar. Eher für Akzente als für die komplette Website.

#E58A3A

D/7 F23

Apricot

Heller und weicher. Gut für freundliche Hintergrundflächen.

#F0C2A2

D/7 F24

Bordeaux

Dunkel, ruhig und deutlich eleganter als ein kräftiges Rot.

#713C4A

Grau, Anthrazit & dunkle Töne

Für Typografie, Navigationen und größere Flächen, bei denen Schwarz etwas zu hart wäre.

D/7 F25

Dailyseven Dunkel

Sehr dunkles Blau-Grau für Überschriften und kräftige Flächen.

#172033

D/7 F26

Anthrazit

Neutraler als F25 und für fast jede Branche gut einsetzbar.

#2D3138

D/7 F27

Schiefer

Ein kühler Grauton mit leichtem Blauanteil.

#566171

D/7 F28

Silbergrau

Ein ruhiger Mittelton für Linien, Flächen und zurückhaltende Elemente.

#A8AFB9

D/7 F29

Hellgrau

Für größere Flächen, Karten und Bereiche, die sich leicht absetzen sollen.

#E5E8ED

D/7 F30

Fast Weiß

Eine sehr leichte Alternative zu reinem Weiß als Seitenhintergrund.

#F5F7FA

Farben für etwas mehr Eigenständigkeit

Violett, Petrol und andere Töne, die nicht auf jeder zweiten Website zu sehen sind.

D/7 F31

Gedämpftes Violett

Etwas ungewöhnlicher, ohne sofort verspielt zu wirken.

#7565A8

D/7 F32

Tiefes Violett

Dunkler und hochwertiger. Gut mit sehr hellen Flächen.

#4E416F

D/7 F33

Petrol

Eine gute Alternative, wenn Blau etwas zu gewöhnlich erscheint.

#287A83

D/7 F34

Türkis

Frischer als Petrol und gut als Akzent auf dunklen Seiten.

#39A5A8

D/7 F35

Altrosa

Warm und ruhig. Funktioniert auch außerhalb klassisch femininer Designs.

#B9848D

D/7 F36

Senfgelb

Warm, sichtbar und gut für kleine Akzente oder einzelne Buttons.

#C79A32

Und welche Farben passen zusammen?

Ein einzelner Farbton ist meistens erst der Anfang. Hier sind sechs Kombinationen, die wir so auch für eine Website verwenden würden.

D/7 P01

Klar & digital

#172033 · #4566D9 · #F5F7FA

D/7 P02

Natürlich & warm

#234B3A · #F1E8D9 · #A8755B

D/7 P03

Ruhiges Blau

#172A46 · #DCE7F7 · #6D86A8

D/7 P04

Warm & elegant

#713C4A · #F7F4EE · #D7C7B5

D/7 P05

Violett ohne Kitsch

#4E416F · #7565A8 · #F5F7FA

D/7 P06

Dunkel & etwas anders

#172033 · #287A83 · #E8DDCB

D/7 Designbibliothek

Weitere tolle Ideen für Ihre Website entdecken.

Einfach weiterstöbern – Ihr D/7 Merkzettel bleibt erhalten.

01 Seitenanfang Hero-Bereiche Entdecken 02 Hintergrund Bewegte Premium-Hintergründe Entdecken 03 Farben Farben & Farbtöne Entdecken 04 Schrift Typografie Entdecken 05 Inhalte Karten & Boxen Entdecken 06 Kontakt CTA-Bereiche Entdecken 07 Buttons Button-Effekte Entdecken 08 Interaktion Hover-Effekte Entdecken 09 Bewegung Animationen & Scroll-Effekte Entdecken 10 Premium Premium & Glossy Entdecken

Alle Ideen der D/7 Designbibliothek

Neue Website

Webdesign
Berlin

Wenn aus einzelnen Ideen eine komplette Website werden soll: Gestaltung, WordPress und Umsetzung direkt bei dailyseven.

Webdesign ansehen

Erst einmal draufschauen

Website-
Check

Muss wirklich alles neu? Wir schauen, was gut ist, was stört und wo sich eine Änderung tatsächlich lohnt.

Website prüfen lassen

Wenn ein Update nicht mehr reicht

Website-
Relaunch

Die alte Website darf bleiben, wo sie ist. Wir übernehmen, was noch gut funktioniert, und bauen den Rest sauber neu.

Relaunch ansehen

Wenn bei Google mehr passieren soll

SEO &
Google

Gute Gestaltung allein bringt noch keine Besucher. Wenn Sie gezielt besser gefunden werden möchten, kümmern wir uns auch darum.

SEO ansehen

Auch nach dem Start

Website-
Betreuung

Updates, Änderungen, neue Inhalte oder technische Fragen: Wenn Sie sich darum nicht selbst kümmern möchten, machen wir das.

Betreuung ansehen

Wenn auch verkauft werden soll

WooCommerce
Shops

Produkte, Bestellungen und Bezahlung direkt über WordPress. Für kleinere Shops genauso wie für umfangreichere Projekte.

WooCommerce ansehen