Rising Tide

Palette mit 12 Farben · Warm · Dunkel · Harmonie: Analog

Zurück zur Bibliothek

Rising Tide

Palette mit 12 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Analog

Bearbeiten

Erdig 12 Farben Warm Dunkel Analog art robot matt dixon

Likes 22

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #261B15;
  --c-earthy-3: #362B16;
  --c-earthy-4: #4C4526;
  --c-earthy-5: #625F35;
  --c-earthy-6: #826239;
  --c-earthy-7: #DBC08C;
  --c-earthy-8: #C29460;
  --c-earthy-9: #A86B39;
  --c-earthy-10: #7E4B24;
  --c-earthy-11: #522E13;
  --c-earthy-12: #2E1A09;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Expedition Khaki (#DBC08C) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Tetsu-Guro Black, Vanilla Bean Brown, Uniform Green, Basque Green, Coyote Brown, Expedition Khaki, Mid Tan, Tanooki Suit Brown, Mummy Brown, Dark Catacombs und Darkout in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #DBC08C mit 11,93: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

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Tetsu-Guro Black #261B15

RGB: rgb(38, 27, 21)
HSL: hsl(21, 29%, 12%)
Luminanz: 0,013

Vanilla Bean Brown #362B16

RGB: rgb(54, 43, 22)
HSL: hsl(39, 42%, 15%)
Luminanz: 0,026

Uniform Green #4C4526

RGB: rgb(76, 69, 38)
HSL: hsl(49, 33%, 22%)
Luminanz: 0,059

Basque Green #625F35

RGB: rgb(98, 95, 53)
HSL: hsl(56, 30%, 30%)
Luminanz: 0,110

Coyote Brown #826239

RGB: rgb(130, 98, 57)
HSL: hsl(34, 39%, 37%)
Luminanz: 0,138

Expedition Khaki #DBC08C

RGB: rgb(219, 192, 140)
HSL: hsl(39, 52%, 70%)
Luminanz: 0,547

Mid Tan #C29460

RGB: rgb(194, 148, 96)
HSL: hsl(32, 45%, 57%)
Luminanz: 0,335

Tanooki Suit Brown #A86B39

RGB: rgb(168, 107, 57)
HSL: hsl(27, 49%, 44%)
Luminanz: 0,191

Mummy Brown #7E4B24

RGB: rgb(126, 75, 36)
HSL: hsl(26, 56%, 32%)
Luminanz: 0,096

Dark Catacombs #522E13

RGB: rgb(82, 46, 19)
HSL: hsl(26, 62%, 20%)
Luminanz: 0,038

Darkout #2E1A09

RGB: rgb(46, 26, 9)
HSL: hsl(28, 67%, 11%)
Luminanz: 0,013

Kontrast & Barrierefreiheit

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

Aa #000000 auf #DBC08C 11,93:1 AAA

Aa #261B15 auf #DBC08C 9,54:1 AAA

Aa #DBC08C auf #2E1A09 9,41:1 AAA

Aa #362B16 auf #DBC08C 7,88:1 AAA

Aa #000000 auf #C29460 7,70:1 AAA

Aa #DBC08C auf #522E13 6,78:1 AA

Aa #261B15 auf #C29460 6,16:1 AA

Aa #C29460 auf #2E1A09 6,07:1 AA

Aa #4C4526 auf #DBC08C 5,46:1 AA

Aa #362B16 auf #C29460 5,09:1 AA

Aa #000000 auf #A86B39 4,83:1 AA

Aa #C29460 auf #522E13 4,38:1 AA (großer Text)

Aa #DBC08C auf #7E4B24 4,09:1 AA (großer Text)

Aa #261B15 auf #A86B39 3,86:1 AA (großer Text)

Aa #A86B39 auf #2E1A09 3,81:1 AA (großer Text)

Aa #000000 auf #826239 3,76:1 AA (großer Text)

Aa #625F35 auf #DBC08C 3,72:1 AA (großer Text)

Aa #4C4526 auf #C29460 3,52:1 AA (großer Text)

Aa #000000 auf #625F35 3,21:1 AA (großer Text)

Aa #362B16 auf #A86B39 3,19:1 AA (großer Text)

Aa #826239 auf #DBC08C 3,18:1 AA (großer Text)

Aa #261B15 auf #826239 3,00:1 AA (großer Text)

Aa #826239 auf #2E1A09 2,96:1 Nicht bestanden

Aa #000000 auf #7E4B24 2,92:1 Nicht bestanden

Aa #A86B39 auf #522E13 2,74:1 Nicht bestanden

Aa #C29460 auf #7E4B24 2,64:1 Nicht bestanden

Aa #261B15 auf #625F35 2,57:1 Nicht bestanden

Aa #625F35 auf #2E1A09 2,53:1 Nicht bestanden

Aa #362B16 auf #826239 2,48:1 Nicht bestanden

Aa #DBC08C auf #A86B39 2,47:1 Nicht bestanden

Aa #625F35 auf #C29460 2,40:1 Nicht bestanden

Aa #261B15 auf #7E4B24 2,34:1 Nicht bestanden

Aa #7E4B24 auf #2E1A09 2,30:1 Nicht bestanden

Aa #4C4526 auf #A86B39 2,21:1 Nicht bestanden

Aa #000000 auf #4C4526 2,19:1 Nicht bestanden

Aa #826239 auf #522E13 2,13:1 Nicht bestanden

Aa #362B16 auf #625F35 2,12:1 Nicht bestanden

Aa #826239 auf #C29460 2,05:1 Nicht bestanden

Aa #362B16 auf #7E4B24 1,93:1 Nicht bestanden

Aa #625F35 auf #522E13 1,82:1 Nicht bestanden

Aa #000000 auf #522E13 1,76:1 Nicht bestanden

Aa #261B15 auf #4C4526 1,75:1 Nicht bestanden

Aa #4C4526 auf #826239 1,72:1 Nicht bestanden

Aa #4C4526 auf #2E1A09 1,72:1 Nicht bestanden

Aa #7E4B24 auf #522E13 1,66:1 Nicht bestanden

Aa #A86B39 auf #7E4B24 1,65:1 Nicht bestanden

Aa #C29460 auf #A86B39 1,59:1 Nicht bestanden

Aa #DBC08C auf #C29460 1,55:1 Nicht bestanden

Aa #000000 auf #362B16 1,51:1 Nicht bestanden

Aa #625F35 auf #A86B39 1,50:1 Nicht bestanden

Aa #4C4526 auf #625F35 1,47:1 Nicht bestanden

Aa #362B16 auf #4C4526 1,44:1 Nicht bestanden

Aa #261B15 auf #522E13 1,41:1 Nicht bestanden

Aa #522E13 auf #2E1A09 1,39:1 Nicht bestanden

Aa #4C4526 auf #7E4B24 1,34:1 Nicht bestanden

Aa #826239 auf #A86B39 1,29:1 Nicht bestanden

Aa #826239 auf #7E4B24 1,29:1 Nicht bestanden

Aa #000000 auf #2E1A09 1,27:1 Nicht bestanden

Aa #000000 auf #261B15 1,25:1 Nicht bestanden

Aa #4C4526 auf #522E13 1,24:1 Nicht bestanden

Aa #261B15 auf #362B16 1,21:1 Nicht bestanden

Aa #362B16 auf #2E1A09 1,19:1 Nicht bestanden

Aa #625F35 auf #826239 1,17:1 Nicht bestanden

Aa #362B16 auf #522E13 1,16:1 Nicht bestanden

Aa #625F35 auf #7E4B24 1,10:1 Nicht bestanden

Aa #261B15 auf #2E1A09 1,01:1 Nicht bestanden

Rising Tide

Rising Tide

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen