Registrarse Registrarse
Cozy Tones

Cozy Tones

Paleta de 8 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

Cozy Tones

Paleta de 8 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Editar
Colores terrosos 8 colores Colores cálidos Tonos mixtos Armonía complementaria green orange warm pastel
Me gusta 59
Colores 8

Variables CSS

:root {
  --c-earthy-1: #4D0F32;
  --c-earthy-2: #E3DE88;
  --c-earthy-3: #76BD5E;
  --c-earthy-4: #234A57;
  --c-earthy-5: #280A33;
  --c-earthy-6: #B35F47;
  --c-earthy-7: #5C9974;
  --c-earthy-8: #080826;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de Dead Grass (#E3DE88), su tono más claro, a Mysterious Depths (#080826), el más oscuro. Combina Blackberry, Dead Grass, Green Pear, Night Swim, Middle Red Purple, Ginger Spice, Memphis Green y Mysterious Depths en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 9 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #E3DE88 sobre #080826, con 14,04:1.

Tonos naturales y serenos que encajan con marcas sostenibles y ecológicas, cafeterías, equipamiento de montaña y tipografía editorial cálida.

Desglose de colores

Blackberry #4D0F32
RGB
rgb(77, 15, 50)
HSL
hsl(326, 67%, 18%)
Luminancia
0,022
Dead Grass #E3DE88
RGB
rgb(227, 222, 136)
HSL
hsl(57, 62%, 71%)
Luminancia
0,704
Green Pear #76BD5E
RGB
rgb(118, 189, 94)
HSL
hsl(105, 42%, 55%)
Luminancia
0,411
Night Swim #234A57
RGB
rgb(35, 74, 87)
HSL
hsl(195, 43%, 24%)
Luminancia
0,059
Middle Red Purple #280A33
RGB
rgb(40, 10, 51)
HSL
hsl(284, 67%, 12%)
Luminancia
0,009
Ginger Spice #B35F47
RGB
rgb(179, 95, 71)
HSL
hsl(13, 43%, 49%)
Luminancia
0,182
Memphis Green #5C9974
RGB
rgb(92, 153, 116)
HSL
hsl(144, 25%, 48%)
Luminancia
0,263
Mysterious Depths #080826
RGB
rgb(8, 8, 38)
HSL
hsl(240, 65%, 9%)
Luminancia
0,004

Contraste y accesibilidad

Combinaciones de colores en la paleta: 28. De ellas, 9 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal.

Aa #E3DE88 sobre #080826 14,04:1 AAA
Aa #E3DE88 sobre #280A33 12,76:1 AAA
Aa #4D0F32 sobre #E3DE88 10,54:1 AAA
Aa #76BD5E sobre #080826 8,58:1 AAA
Aa #76BD5E sobre #280A33 7,80:1 AAA
Aa #E3DE88 sobre #234A57 6,89:1 AA
Aa #4D0F32 sobre #76BD5E 6,44:1 AA
Aa #5C9974 sobre #080826 5,84:1 AA
Aa #280A33 sobre #5C9974 5,30:1 AA
Aa #4D0F32 sobre #5C9974 4,38:1 AA, texto grande
Aa #B35F47 sobre #080826 4,33:1 AA, texto grande
Aa #76BD5E sobre #234A57 4,21:1 AA, texto grande
Aa #280A33 sobre #B35F47 3,93:1 AA, texto grande
Aa #4D0F32 sobre #B35F47 3,25:1 AA, texto grande
Aa #E3DE88 sobre #B35F47 3,24:1 AA, texto grande
Aa #234A57 sobre #5C9974 2,86:1 No aprobado
Aa #E3DE88 sobre #5C9974 2,41:1 No aprobado
Aa #234A57 sobre #B35F47 2,12:1 No aprobado
Aa #234A57 sobre #080826 2,04:1 No aprobado
Aa #76BD5E sobre #B35F47 1,98:1 No aprobado
Aa #234A57 sobre #280A33 1,85:1 No aprobado
Aa #E3DE88 sobre #76BD5E 1,64:1 No aprobado
Aa #4D0F32 sobre #234A57 1,53:1 No aprobado
Aa #76BD5E sobre #5C9974 1,47:1 No aprobado
Aa #B35F47 sobre #5C9974 1,35:1 No aprobado
Aa #4D0F32 sobre #080826 1,33:1 No aprobado
Aa #4D0F32 sobre #280A33 1,21:1 No aprobado
Aa #280A33 sobre #080826 1,10:1 No aprobado

Paletas similares

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colores
#FFF8EA #9E7676 #815B5B #594545
4 colores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colores
#F67280 #C06C84 #6C5B7B #355C7D
4 colores
#2B2E4A #E84545 #903749 #53354A
4 colores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colores
#A9907E #F3DEBA #ABC4AA #675D50
4 colores