Registrarse Registrarse
Sunset Mk. III

Sunset Mk. III

Paleta de 8 colores · Colores neutros · Tonos claros · Armonía triádica

Volver a la biblioteca

Sunset Mk. III

Paleta de 8 colores · Colores neutros · Tonos claros · Armonía triádica

Editar
Colores pastel 8 colores Colores neutros Tonos claros Armonía triádica night pastel sunset moon
Me gusta 85
Colores 8

Variables CSS

:root {
  --c-pastel-1: #F6C9D2;
  --c-pastel-2: #F5BAD9;
  --c-pastel-3: #F5B0EC;
  --c-pastel-4: #DAAAE4;
  --c-pastel-5: #BFA4DC;
  --c-pastel-6: #A49DD4;
  --c-pastel-7: #848FDB;
  --c-pastel-8: #708BD4;
}

Sobre esta paleta

Esta paleta de 8 colores pastel va de Mountain Laurel (#F6C9D2), su tono más claro, a Organza Violet (#708BD4), el más oscuro. Combina Mountain Laurel, Manga Pink, Pinky Swear, Barely Bloomed, Enchanted Lavender, Simply Violet, Mystic Iris y Organza Violet en un solo conjunto que puedes llevar directamente a una interfaz. Ninguna de las 28 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 suaves y poco saturados, ideales para webs de bodas, marcas infantiles, secciones hero delicadas y diseños editoriales con mucho espacio en blanco.

Desglose de colores

Mountain Laurel #F6C9D2
RGB
rgb(246, 201, 210)
HSL
hsl(348, 71%, 88%)
Luminancia
0,660
Manga Pink #F5BAD9
RGB
rgb(245, 186, 217)
HSL
hsl(328, 75%, 85%)
Luminancia
0,595
Pinky Swear #F5B0EC
RGB
rgb(245, 176, 236)
HSL
hsl(308, 78%, 83%)
Luminancia
0,565
Barely Bloomed #DAAAE4
RGB
rgb(218, 170, 228)
HSL
hsl(290, 52%, 78%)
Luminancia
0,493
Enchanted Lavender #BFA4DC
RGB
rgb(191, 164, 220)
HSL
hsl(269, 44%, 75%)
Luminancia
0,428
Simply Violet #A49DD4
RGB
rgb(164, 157, 212)
HSL
hsl(248, 39%, 72%)
Luminancia
0,368
Mystic Iris #848FDB
RGB
rgb(132, 143, 219)
HSL
hsl(232, 55%, 69%)
Luminancia
0,297
Organza Violet #708BD4
RGB
rgb(112, 139, 212)
HSL
hsl(224, 54%, 64%)
Luminancia
0,267

Contraste y accesibilidad

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

Aa #F6C9D2 sobre #708BD4 2,24:1 No aprobado
Aa #F6C9D2 sobre #848FDB 2,05:1 No aprobado
Aa #F5BAD9 sobre #708BD4 2,04:1 No aprobado
Aa #F5B0EC sobre #708BD4 1,94:1 No aprobado
Aa #F5BAD9 sobre #848FDB 1,86:1 No aprobado
Aa #F5B0EC sobre #848FDB 1,77:1 No aprobado
Aa #DAAAE4 sobre #708BD4 1,71:1 No aprobado
Aa #F6C9D2 sobre #A49DD4 1,70:1 No aprobado
Aa #DAAAE4 sobre #848FDB 1,57:1 No aprobado
Aa #F5BAD9 sobre #A49DD4 1,55:1 No aprobado
Aa #BFA4DC sobre #708BD4 1,51:1 No aprobado
Aa #F6C9D2 sobre #BFA4DC 1,49:1 No aprobado
Aa #F5B0EC sobre #A49DD4 1,47:1 No aprobado
Aa #BFA4DC sobre #848FDB 1,38:1 No aprobado
Aa #F5BAD9 sobre #BFA4DC 1,35:1 No aprobado
Aa #A49DD4 sobre #708BD4 1,32:1 No aprobado
Aa #F6C9D2 sobre #DAAAE4 1,31:1 No aprobado
Aa #DAAAE4 sobre #A49DD4 1,30:1 No aprobado
Aa #F5B0EC sobre #BFA4DC 1,29:1 No aprobado
Aa #A49DD4 sobre #848FDB 1,20:1 No aprobado
Aa #F5BAD9 sobre #DAAAE4 1,19:1 No aprobado
Aa #F6C9D2 sobre #F5B0EC 1,15:1 No aprobado
Aa #DAAAE4 sobre #BFA4DC 1,14:1 No aprobado
Aa #BFA4DC sobre #A49DD4 1,14:1 No aprobado
Aa #F5B0EC sobre #DAAAE4 1,13:1 No aprobado
Aa #F6C9D2 sobre #F5BAD9 1,10:1 No aprobado
Aa #848FDB sobre #708BD4 1,09:1 No aprobado
Aa #F5BAD9 sobre #F5B0EC 1,05:1 No aprobado

Paletas similares

#FFB6B9 #FAE3D9 #BBDED6 #61C0BF
4 colores
#FCD1D1 #ECE2E1 #D3E0DC #AEE1E1
4 colores
#FFE6E6 #F2D1D1 #DAEAF1 #C6DCE4
4 colores
#F5EFE6 #E8DFCA #AEBDCA #7895B2
4 colores
#96B6C5 #ADC4CE #EEE0C9 #F1F0E8
4 colores
#FEFFDE #DDFFBC #91C788 #52734D
4 colores
#A0C49D #C4D7B2 #E1ECC8 #F7FFE5
4 colores
#618264 #79AC78 #B0D9B1 #D0E7D2
4 colores