Sun City
#FFFFD9
Likes
42
Farben
10
CSS-Variablen
:root {
--c-earthy-1: #FFFFD9;
--c-earthy-2: #BDB775;
--c-earthy-3: #967D46;
--c-earthy-4: #69533C;
--c-earthy-5: #4D3635;
--c-earthy-6: #2B2325;
--c-earthy-7: #342F40;
--c-earthy-8: #5D4769;
--c-earthy-9: #8B6B8F;
--c-earthy-10: #CC97BE;
}Über diese Palette
Diese erdige Palette mit 10 Farben reicht vom hellsten Ton Sun City (#FFFFD9) bis zum dunkelsten Ton Gold Black (#2B2325). Sie vereint Sun City, Liminal Yellow, Raked Leaves, Coffee Liqueur, Chocolate Red, Gold Black, Oil Rush, Velvet Beret, Mauveine und Peach Buff in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFD9 auf #2B2325 mit 15,01: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
Liminal Yellow
#BDB775
Raked Leaves
#967D46
Coffee Liqueur
#69533C
Chocolate Red
#4D3635
Gold Black
#2B2325
Oil Rush
#342F40
Velvet Beret
#5D4769
Mauveine
#8B6B8F
Peach Buff
#CC97BE
Kontrast & Barrierefreiheit
11 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#FFFFD9 auf #2B2325
15,01:1
AAA
Aa
#FFFFD9 auf #342F40
12,64:1
AAA
Aa
#FFFFD9 auf #4D3635
10,85:1
AAA
Aa
#FFFFD9 auf #5D4769
8,00:1
AAA
Aa
#BDB775 auf #2B2325
7,44:1
AAA
Aa
#FFFFD9 auf #69533C
7,08:1
AAA
Aa
#2B2325 auf #CC97BE
6,38:1
AA
Aa
#BDB775 auf #342F40
6,27:1
AA
Aa
#BDB775 auf #4D3635
5,38:1
AA
Aa
#342F40 auf #CC97BE
5,37:1
AA
Aa
#4D3635 auf #CC97BE
4,61:1
AA
Aa
#FFFFD9 auf #8B6B8F
4,47:1
AA (großer Text)
Aa
#BDB775 auf #5D4769
3,97:1
AA (großer Text)
Aa
#967D46 auf #2B2325
3,88:1
AA (großer Text)
Aa
#FFFFD9 auf #967D46
3,87:1
AA (großer Text)
Aa
#BDB775 auf #69533C
3,51:1
AA (großer Text)
Aa
#5D4769 auf #CC97BE
3,40:1
AA (großer Text)
Aa
#2B2325 auf #8B6B8F
3,36:1
AA (großer Text)
Aa
#967D46 auf #342F40
3,27:1
AA (großer Text)
Aa
#69533C auf #CC97BE
3,01:1
AA (großer Text)
Aa
#342F40 auf #8B6B8F
2,83:1
Nicht bestanden
Aa
#967D46 auf #4D3635
2,81:1
Nicht bestanden
Aa
#4D3635 auf #8B6B8F
2,43:1
Nicht bestanden
Aa
#FFFFD9 auf #CC97BE
2,35:1
Nicht bestanden
Aa
#BDB775 auf #8B6B8F
2,22:1
Nicht bestanden
Aa
#69533C auf #2B2325
2,12:1
Nicht bestanden
Aa
#967D46 auf #5D4769
2,07:1
Nicht bestanden
Aa
#FFFFD9 auf #BDB775
2,02:1
Nicht bestanden
Aa
#BDB775 auf #967D46
1,92:1
Nicht bestanden
Aa
#8B6B8F auf #CC97BE
1,90:1
Nicht bestanden
Aa
#2B2325 auf #5D4769
1,88:1
Nicht bestanden
Aa
#967D46 auf #69533C
1,83:1
Nicht bestanden
Aa
#5D4769 auf #8B6B8F
1,79:1
Nicht bestanden
Aa
#69533C auf #342F40
1,78:1
Nicht bestanden
Aa
#967D46 auf #CC97BE
1,64:1
Nicht bestanden
Aa
#69533C auf #8B6B8F
1,58:1
Nicht bestanden
Aa
#342F40 auf #5D4769
1,58:1
Nicht bestanden
Aa
#69533C auf #4D3635
1,53:1
Nicht bestanden
Aa
#4D3635 auf #2B2325
1,38:1
Nicht bestanden
Aa
#4D3635 auf #5D4769
1,36:1
Nicht bestanden
Aa
#2B2325 auf #342F40
1,19:1
Nicht bestanden
Aa
#BDB775 auf #CC97BE
1,17:1
Nicht bestanden
Aa
#967D46 auf #8B6B8F
1,16:1
Nicht bestanden
Aa
#4D3635 auf #342F40
1,16:1
Nicht bestanden
Aa
#69533C auf #5D4769
1,13:1
Nicht bestanden
Ähnliche Paletten
#F9ED69
#F08A5D
#B83B5E
#6A2C70
#7D5A50
#B4846C
#E5B299
#FCDEC0
#FFF8EA
#9E7676
#815B5B
#594545
#2C3639
#3F4E4F
#A27B5C
#DCD7C9
#F67280
#C06C84
#6C5B7B
#355C7D
#2B2E4A
#E84545
#903749
#53354A
#E5D9B6
#A4BE7B
#5F8D4E
#285430
#A9907E
#F3DEBA
#ABC4AA
#675D50