Registrarse Registrarse
Primary 8

Primary 8

Paleta de 8 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

Primary 8

Paleta de 8 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Editar
Colores terrosos 8 colores Colores fríos Tonos mixtos Armonía complementaria isasstudio
Me gusta 56
Colores 8

Variables CSS

:root {
  --c-earthy-1: #F5FFE0;
  --c-earthy-2: #1B1926;
  --c-earthy-3: #262157;
  --c-earthy-4: #323DA1;
  --c-earthy-5: #BD2F40;
  --c-earthy-6: #F0E143;
  --c-earthy-7: #6CA84D;
  --c-earthy-8: #23574D;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de Milk Foam (#F5FFE0), su tono más claro, a Coarse Wool (#1B1926), el más oscuro. Combina Milk Foam, Coarse Wool, Spacescape, Liquid Denim, Crimson Cloud, Golden Snitch, Fern Flash y Forest Biome en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 11 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #F5FFE0 sobre #1B1926, con 16,7: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

Milk Foam #F5FFE0
RGB
rgb(245, 255, 224)
HSL
hsl(79, 100%, 94%)
Luminancia
0,963
Coarse Wool #1B1926
RGB
rgb(27, 25, 38)
HSL
hsl(249, 21%, 12%)
Luminancia
0,011
Spacescape #262157
RGB
rgb(38, 33, 87)
HSL
hsl(246, 45%, 24%)
Luminancia
0,022
Liquid Denim #323DA1
RGB
rgb(50, 61, 161)
HSL
hsl(234, 53%, 41%)
Luminancia
0,066
Crimson Cloud #BD2F40
RGB
rgb(189, 47, 64)
HSL
hsl(353, 60%, 46%)
Luminancia
0,132
Golden Snitch #F0E143
RGB
rgb(240, 225, 67)
HSL
hsl(55, 85%, 60%)
Luminancia
0,728
Fern Flash #6CA84D
RGB
rgb(108, 168, 77)
HSL
hsl(100, 37%, 48%)
Luminancia
0,317
Forest Biome #23574D
RGB
rgb(35, 87, 77)
HSL
hsl(168, 43%, 24%)
Luminancia
0,077

Contraste y accesibilidad

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

Aa #F5FFE0 sobre #1B1926 16,70:1 AAA
Aa #F5FFE0 sobre #262157 14,10:1 AAA
Aa #1B1926 sobre #F0E143 12,82:1 AAA
Aa #262157 sobre #F0E143 10,82:1 AAA
Aa #F5FFE0 sobre #323DA1 8,74:1 AAA
Aa #F5FFE0 sobre #23574D 7,97:1 AAA
Aa #323DA1 sobre #F0E143 6,71:1 AA
Aa #F0E143 sobre #23574D 6,12:1 AA
Aa #1B1926 sobre #6CA84D 6,05:1 AA
Aa #F5FFE0 sobre #BD2F40 5,56:1 AA
Aa #262157 sobre #6CA84D 5,11:1 AA
Aa #BD2F40 sobre #F0E143 4,27:1 AA, texto grande
Aa #323DA1 sobre #6CA84D 3,17:1 AA, texto grande
Aa #1B1926 sobre #BD2F40 3,00:1 AA, texto grande
Aa #6CA84D sobre #23574D 2,89:1 No aprobado
Aa #F5FFE0 sobre #6CA84D 2,76:1 No aprobado
Aa #262157 sobre #BD2F40 2,54:1 No aprobado
Aa #F0E143 sobre #6CA84D 2,12:1 No aprobado
Aa #1B1926 sobre #23574D 2,09:1 No aprobado
Aa #BD2F40 sobre #6CA84D 2,02:1 No aprobado
Aa #1B1926 sobre #323DA1 1,91:1 No aprobado
Aa #262157 sobre #23574D 1,77:1 No aprobado
Aa #262157 sobre #323DA1 1,61:1 No aprobado
Aa #323DA1 sobre #BD2F40 1,57:1 No aprobado
Aa #BD2F40 sobre #23574D 1,43:1 No aprobado
Aa #F5FFE0 sobre #F0E143 1,30:1 No aprobado
Aa #1B1926 sobre #262157 1,18:1 No aprobado
Aa #323DA1 sobre #23574D 1,10:1 No aprobado

Paletas similares

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