Registrieren Registrieren
Fish Clouds

Fish Clouds

Palette mit 12 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Fish Clouds

Palette mit 12 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten
Erdig 12 Farben Kühl Gemischt Komplementär warm clouds fish beautiful
Likes 36
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #1A2B3C;
  --c-earthy-2: #034453;
  --c-earthy-3: #27877C;
  --c-earthy-4: #439691;
  --c-earthy-5: #FBFBD2;
  --c-earthy-6: #E4C199;
  --c-earthy-7: #BF934A;
  --c-earthy-8: #6F574D;
  --c-earthy-9: #4F4343;
  --c-earthy-10: #A24817;
  --c-earthy-11: #FD782B;
  --c-earthy-12: #DE654A;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Utepils (#FBFBD2) bis zum dunkelsten Ton Tangaroa (#1A2B3C). Sie vereint Tangaroa, Crab Nebula, Emerald Whispers, Catalan, Utepils, Dapper Dingo, Tussock, Natural Bark, Black Garnet, Powdered Coffee, Temptatious Tangerine und Jelly Slug in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1A2B3C auf #FBFBD2 mit 13,63:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Tangaroa #1A2B3C
RGB
rgb(26, 43, 60)
HSL
hsl(210, 40%, 17%)
Luminanz
0,023
Crab Nebula #034453
RGB
rgb(3, 68, 83)
HSL
hsl(191, 93%, 17%)
Luminanz
0,048
Emerald Whispers #27877C
RGB
rgb(39, 135, 124)
HSL
hsl(173, 55%, 34%)
Luminanz
0,192
Catalan #439691
RGB
rgb(67, 150, 145)
HSL
hsl(176, 38%, 43%)
Luminanz
0,251
Utepils #FBFBD2
RGB
rgb(251, 251, 210)
HSL
hsl(60, 84%, 90%)
Luminanz
0,942
Dapper Dingo #E4C199
RGB
rgb(228, 193, 153)
HSL
hsl(32, 58%, 75%)
Luminanz
0,569
Tussock #BF934A
RGB
rgb(191, 147, 74)
HSL
hsl(37, 48%, 52%)
Luminanz
0,324
Natural Bark #6F574D
RGB
rgb(111, 87, 77)
HSL
hsl(18, 18%, 37%)
Luminanz
0,107
Black Garnet #4F4343
RGB
rgb(79, 67, 67)
HSL
hsl(0, 8%, 29%)
Luminanz
0,061
Powdered Coffee #A24817
RGB
rgb(162, 72, 23)
HSL
hsl(21, 75%, 36%)
Luminanz
0,124
Temptatious Tangerine #FD782B
RGB
rgb(253, 120, 43)
HSL
hsl(22, 98%, 58%)
Luminanz
0,345
Jelly Slug #DE654A
RGB
rgb(222, 101, 74)
HSL
hsl(11, 69%, 58%)
Luminanz
0,253

Kontrast & Barrierefreiheit

10 von 66 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #1A2B3C auf #FBFBD2 13,63:1 AAA
Aa #034453 auf #FBFBD2 10,14:1 AAA
Aa #FBFBD2 auf #4F4343 8,95:1 AAA
Aa #1A2B3C auf #E4C199 8,51:1 AAA
Aa #034453 auf #E4C199 6,33:1 AA
Aa #FBFBD2 auf #6F574D 6,30:1 AA
Aa #FBFBD2 auf #A24817 5,71:1 AA
Aa #E4C199 auf #4F4343 5,59:1 AA
Aa #1A2B3C auf #FD782B 5,43:1 AA
Aa #1A2B3C auf #BF934A 5,15:1 AA
Aa #1A2B3C auf #DE654A 4,17:1 AA (großer Text)
Aa #1A2B3C auf #439691 4,13:1 AA (großer Text)
Aa #27877C auf #FBFBD2 4,09:1 AA (großer Text)
Aa #034453 auf #FD782B 4,04:1 AA (großer Text)
Aa #E4C199 auf #6F574D 3,94:1 AA (großer Text)
Aa #034453 auf #BF934A 3,83:1 AA (großer Text)
Aa #E4C199 auf #A24817 3,56:1 AA (großer Text)
Aa #4F4343 auf #FD782B 3,56:1 AA (großer Text)
Aa #BF934A auf #4F4343 3,38:1 AA (großer Text)
Aa #1A2B3C auf #27877C 3,33:1 AA (großer Text)
Aa #439691 auf #FBFBD2 3,30:1 AA (großer Text)
Aa #FBFBD2 auf #DE654A 3,27:1 AA (großer Text)
Aa #034453 auf #DE654A 3,10:1 AA (großer Text)
Aa #034453 auf #439691 3,07:1 AA (großer Text)
Aa #4F4343 auf #DE654A 2,74:1 Nicht bestanden
Aa #439691 auf #4F4343 2,71:1 Nicht bestanden
Aa #FBFBD2 auf #BF934A 2,65:1 Nicht bestanden
Aa #27877C auf #E4C199 2,56:1 Nicht bestanden
Aa #FBFBD2 auf #FD782B 2,51:1 Nicht bestanden
Aa #6F574D auf #FD782B 2,51:1 Nicht bestanden
Aa #034453 auf #27877C 2,48:1 Nicht bestanden
Aa #1A2B3C auf #A24817 2,39:1 Nicht bestanden
Aa #BF934A auf #6F574D 2,38:1 Nicht bestanden
Aa #A24817 auf #FD782B 2,27:1 Nicht bestanden
Aa #27877C auf #4F4343 2,19:1 Nicht bestanden
Aa #1A2B3C auf #6F574D 2,16:1 Nicht bestanden
Aa #BF934A auf #A24817 2,15:1 Nicht bestanden
Aa #439691 auf #E4C199 2,06:1 Nicht bestanden
Aa #E4C199 auf #DE654A 2,04:1 Nicht bestanden
Aa #6F574D auf #DE654A 1,93:1 Nicht bestanden
Aa #439691 auf #6F574D 1,91:1 Nicht bestanden
Aa #034453 auf #A24817 1,78:1 Nicht bestanden
Aa #A24817 auf #DE654A 1,75:1 Nicht bestanden
Aa #439691 auf #A24817 1,73:1 Nicht bestanden
Aa #E4C199 auf #BF934A 1,65:1 Nicht bestanden
Aa #27877C auf #FD782B 1,63:1 Nicht bestanden
Aa #034453 auf #6F574D 1,61:1 Nicht bestanden
Aa #FBFBD2 auf #E4C199 1,60:1 Nicht bestanden
Aa #E4C199 auf #FD782B 1,57:1 Nicht bestanden
Aa #4F4343 auf #A24817 1,57:1 Nicht bestanden
Aa #27877C auf #BF934A 1,55:1 Nicht bestanden
Aa #27877C auf #6F574D 1,54:1 Nicht bestanden
Aa #1A2B3C auf #4F4343 1,52:1 Nicht bestanden
Aa #6F574D auf #4F4343 1,42:1 Nicht bestanden
Aa #27877C auf #A24817 1,39:1 Nicht bestanden
Aa #1A2B3C auf #034453 1,34:1 Nicht bestanden
Aa #439691 auf #FD782B 1,31:1 Nicht bestanden
Aa #FD782B auf #DE654A 1,30:1 Nicht bestanden
Aa #27877C auf #DE654A 1,25:1 Nicht bestanden
Aa #439691 auf #BF934A 1,25:1 Nicht bestanden
Aa #27877C auf #439691 1,24:1 Nicht bestanden
Aa #BF934A auf #DE654A 1,23:1 Nicht bestanden
Aa #034453 auf #4F4343 1,13:1 Nicht bestanden
Aa #6F574D auf #A24817 1,10:1 Nicht bestanden
Aa #BF934A auf #FD782B 1,05:1 Nicht bestanden
Aa #439691 auf #DE654A 1,01:1 Nicht bestanden

Ähnliche Paletten

#222831 #393E46 #00ADB5 #EEEEEE
4 Farben
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 Farben
#1B262C #0F4C75 #3282B8 #BBE1FA
4 Farben
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 Farben
#27374D #526D82 #9DB2BF #DDE6ED
4 Farben
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 Farben
#E4F9F5 #30E3CA #11999E #40514E
4 Farben
#F0F5F9 #C9D6DF #52616B #1E2022
4 Farben