Registrarse Registrarse
Shimmering Sunset

Shimmering Sunset

Paleta de 12 colores · Colores cálidos · Tonos claros · Armonía triádica

Volver a la biblioteca

Shimmering Sunset

Paleta de 12 colores · Colores cálidos · Tonos claros · Armonía triádica

Editar
Colores terrosos 12 colores Colores cálidos Tonos claros Armonía triádica sunset desaturated cozy 12
Me gusta 61
Colores 12

Variables CSS

:root {
  --c-earthy-1: #FACFCF;
  --c-earthy-2: #F2ADC9;
  --c-earthy-3: #C795C1;
  --c-earthy-4: #9A7AA1;
  --c-earthy-5: #6F6682;
  --c-earthy-6: #4D5363;
  --c-earthy-7: #FFE58F;
  --c-earthy-8: #FAB47E;
  --c-earthy-9: #EE9292;
  --c-earthy-10: #BD84A5;
  --c-earthy-11: #BCB7F4;
  --c-earthy-12: #9D90DA;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de Swallowtail (#FFE58F), su tono más claro, a Mystical Shade (#4D5363), el más oscuro. Combina Fading Rose, Rose Mallow, Pomtini, Divine, Hyacinth Arbour, Mystical Shade, Swallowtail, Baltic Amber, Dishy Coral, Opera Mauve, Purple Illusion y Middy’s Purple en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 2 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #4D5363 sobre #FFE58F, con 6,17: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

Fading Rose #FACFCF
RGB
rgb(250, 207, 207)
HSL
hsl(0, 81%, 90%)
Luminancia
0,695
Rose Mallow #F2ADC9
RGB
rgb(242, 173, 201)
HSL
hsl(336, 73%, 81%)
Luminancia
0,530
Pomtini #C795C1
RGB
rgb(199, 149, 193)
HSL
hsl(307, 31%, 68%)
Luminancia
0,375
Divine #9A7AA1
RGB
rgb(154, 122, 161)
HSL
hsl(289, 17%, 55%)
Luminancia
0,234
Hyacinth Arbour #6F6682
RGB
rgb(111, 102, 130)
HSL
hsl(259, 12%, 45%)
Luminancia
0,145
Mystical Shade #4D5363
RGB
rgb(77, 83, 99)
HSL
hsl(224, 13%, 35%)
Luminancia
0,087
Swallowtail #FFE58F
RGB
rgb(255, 229, 143)
HSL
hsl(46, 100%, 78%)
Luminancia
0,793
Baltic Amber #FAB47E
RGB
rgb(250, 180, 126)
HSL
hsl(26, 93%, 74%)
Luminancia
0,545
Dishy Coral #EE9292
RGB
rgb(238, 146, 146)
HSL
hsl(0, 73%, 75%)
Luminancia
0,408
Opera Mauve #BD84A5
RGB
rgb(189, 132, 165)
HSL
hsl(325, 30%, 63%)
Luminancia
0,300
Purple Illusion #BCB7F4
RGB
rgb(188, 183, 244)
HSL
hsl(245, 73%, 84%)
Luminancia
0,511
Middy’s Purple #9D90DA
RGB
rgb(157, 144, 218)
HSL
hsl(251, 50%, 71%)
Luminancia
0,322

Contraste y accesibilidad

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

Aa #4D5363 sobre #FFE58F 6,17:1 AA
Aa #FACFCF sobre #4D5363 5,45:1 AA
Aa #4D5363 sobre #FAB47E 4,35:1 AA, texto grande
Aa #6F6682 sobre #FFE58F 4,32:1 AA, texto grande
Aa #F2ADC9 sobre #4D5363 4,24:1 AA, texto grande
Aa #4D5363 sobre #BCB7F4 4,10:1 AA, texto grande
Aa #FACFCF sobre #6F6682 3,82:1 AA, texto grande
Aa #4D5363 sobre #EE9292 3,35:1 AA, texto grande
Aa #C795C1 sobre #4D5363 3,11:1 AA, texto grande
Aa #6F6682 sobre #FAB47E 3,05:1 AA, texto grande
Aa #F2ADC9 sobre #6F6682 2,97:1 No aprobado
Aa #9A7AA1 sobre #FFE58F 2,97:1 No aprobado
Aa #6F6682 sobre #BCB7F4 2,88:1 No aprobado
Aa #4D5363 sobre #9D90DA 2,72:1 No aprobado
Aa #FACFCF sobre #9A7AA1 2,63:1 No aprobado
Aa #4D5363 sobre #BD84A5 2,56:1 No aprobado
Aa #FFE58F sobre #BD84A5 2,41:1 No aprobado
Aa #6F6682 sobre #EE9292 2,35:1 No aprobado
Aa #FFE58F sobre #9D90DA 2,27:1 No aprobado
Aa #C795C1 sobre #6F6682 2,18:1 No aprobado
Aa #FACFCF sobre #BD84A5 2,12:1 No aprobado
Aa #9A7AA1 sobre #FAB47E 2,10:1 No aprobado
Aa #9A7AA1 sobre #4D5363 2,08:1 No aprobado
Aa #F2ADC9 sobre #9A7AA1 2,04:1 No aprobado
Aa #FACFCF sobre #9D90DA 2,00:1 No aprobado
Aa #C795C1 sobre #FFE58F 1,98:1 No aprobado
Aa #9A7AA1 sobre #BCB7F4 1,98:1 No aprobado
Aa #6F6682 sobre #9D90DA 1,91:1 No aprobado
Aa #FFE58F sobre #EE9292 1,84:1 No aprobado
Aa #6F6682 sobre #BD84A5 1,80:1 No aprobado
Aa #FACFCF sobre #C795C1 1,75:1 No aprobado
Aa #FAB47E sobre #BD84A5 1,70:1 No aprobado
Aa #F2ADC9 sobre #BD84A5 1,65:1 No aprobado
Aa #FACFCF sobre #EE9292 1,63:1 No aprobado
Aa #9A7AA1 sobre #EE9292 1,62:1 No aprobado
Aa #FAB47E sobre #9D90DA 1,60:1 No aprobado
Aa #BD84A5 sobre #BCB7F4 1,60:1 No aprobado
Aa #F2ADC9 sobre #9D90DA 1,56:1 No aprobado
Aa #BCB7F4 sobre #9D90DA 1,51:1 No aprobado
Aa #C795C1 sobre #9A7AA1 1,50:1 No aprobado
Aa #FFE58F sobre #BCB7F4 1,50:1 No aprobado
Aa #F2ADC9 sobre #FFE58F 1,45:1 No aprobado
Aa #9A7AA1 sobre #6F6682 1,45:1 No aprobado
Aa #6F6682 sobre #4D5363 1,43:1 No aprobado
Aa #FFE58F sobre #FAB47E 1,42:1 No aprobado
Aa #C795C1 sobre #FAB47E 1,40:1 No aprobado
Aa #F2ADC9 sobre #C795C1 1,36:1 No aprobado
Aa #FACFCF sobre #BCB7F4 1,33:1 No aprobado
Aa #C795C1 sobre #BCB7F4 1,32:1 No aprobado
Aa #9A7AA1 sobre #9D90DA 1,31:1 No aprobado
Aa #EE9292 sobre #BD84A5 1,31:1 No aprobado
Aa #FAB47E sobre #EE9292 1,30:1 No aprobado
Aa #FACFCF sobre #F2ADC9 1,28:1 No aprobado
Aa #F2ADC9 sobre #EE9292 1,27:1 No aprobado
Aa #FACFCF sobre #FAB47E 1,25:1 No aprobado
Aa #9A7AA1 sobre #BD84A5 1,24:1 No aprobado
Aa #EE9292 sobre #9D90DA 1,23:1 No aprobado
Aa #EE9292 sobre #BCB7F4 1,22:1 No aprobado
Aa #C795C1 sobre #BD84A5 1,21:1 No aprobado
Aa #C795C1 sobre #9D90DA 1,14:1 No aprobado
Aa #FACFCF sobre #FFE58F 1,13:1 No aprobado
Aa #C795C1 sobre #EE9292 1,08:1 No aprobado
Aa #FAB47E sobre #BCB7F4 1,06:1 No aprobado
Aa #BD84A5 sobre #9D90DA 1,06:1 No aprobado
Aa #F2ADC9 sobre #FAB47E 1,03:1 No aprobado
Aa #F2ADC9 sobre #BCB7F4 1,03: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