Registrarse Registrarse
Origami Clouds

Origami Clouds

Paleta de 5 colores · Colores cálidos · Tonos claros · Armonía complementaria

Volver a la biblioteca

Origami Clouds

Paleta de 5 colores · Colores cálidos · Tonos claros · Armonía complementaria

Editar
Colores terrosos 5 colores Colores cálidos Tonos claros Armonía complementaria green pink blue clouds
Me gusta 215
Colores 5

Variables CSS

:root {
  --c-earthy-1: #DEE3E2;
  --c-earthy-2: #FCCBCB;
  --c-earthy-3: #78B3D6;
  --c-earthy-4: #D86969;
  --c-earthy-5: #4F7969;
}

Sobre esta paleta

Esta paleta de 5 colores terrosos va de Zircon (#DEE3E2), su tono más claro, a Double Jeopardy (#4F7969), el más oscuro. Combina Zircon, Elegant Light Rose, Meadow Blossom Blue, Red Geranium y Double Jeopardy en un solo conjunto que puedes llevar directamente a una interfaz. Ninguna de las 10 combinaciones de colores de la paleta alcanza el umbral de contraste WCAG AA (4,5:1), así que, para el texto principal, combina estos colores con negro o blanco.

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

Zircon #DEE3E2
RGB
rgb(222, 227, 226)
HSL
hsl(168, 8%, 88%)
Luminancia
0,760
Elegant Light Rose #FCCBCB
RGB
rgb(252, 203, 203)
HSL
hsl(0, 89%, 89%)
Luminancia
0,677
Meadow Blossom Blue #78B3D6
RGB
rgb(120, 179, 214)
HSL
hsl(202, 53%, 65%)
Luminancia
0,411
Red Geranium #D86969
RGB
rgb(216, 105, 105)
HSL
hsl(0, 59%, 63%)
Luminancia
0,257
Double Jeopardy #4F7969
RGB
rgb(79, 121, 105)
HSL
hsl(157, 21%, 39%)
Luminancia
0,164

Contraste y accesibilidad

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

Aa #DEE3E2 sobre #4F7969 3,79:1 AA, texto grande
Aa #FCCBCB sobre #4F7969 3,40:1 AA, texto grande
Aa #DEE3E2 sobre #D86969 2,64:1 No aprobado
Aa #FCCBCB sobre #D86969 2,37:1 No aprobado
Aa #78B3D6 sobre #4F7969 2,16:1 No aprobado
Aa #DEE3E2 sobre #78B3D6 1,76:1 No aprobado
Aa #FCCBCB sobre #78B3D6 1,58:1 No aprobado
Aa #78B3D6 sobre #D86969 1,50:1 No aprobado
Aa #D86969 sobre #4F7969 1,44:1 No aprobado
Aa #DEE3E2 sobre #FCCBCB 1,11:1 No aprobado

Paletas similares

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 colores
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 colores
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 colores
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 colores
#F38181 #FCE38A #EAFFD0 #95E1D3
4 colores
#B7C4CF #EEE3CB #D7C0AE #967E76
4 colores
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 colores
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 colores