Esta paleta de 4 colores apagados va de Crème de Menthe (#F2FFE9), su tono más claro, a Torrey Pine (#557C55), el más oscuro. Combina Paris Pink, Crème de Menthe, Relaxation Green y Torrey Pine en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 6. De ellas, 1 cumple el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #F2FFE9 sobre #557C55, con 4,6:1.
Una paleta versátil para páginas de marketing, bloques hero de producto, ilustraciones y estados de acento de la interfaz.
Desglose de colores
Paris Pink#DB6B97
RGB
rgb(219, 107, 151)
HSL
hsl(336, 61%, 64%)
Luminancia
0,278
Crème de Menthe#F2FFE9
RGB
rgb(242, 255, 233)
HSL
hsl(95, 100%, 96%)
Luminancia
0,963
Relaxation Green#A6CF98
RGB
rgb(166, 207, 152)
HSL
hsl(105, 36%, 70%)
Luminancia
0,550
Torrey Pine#557C55
RGB
rgb(85, 124, 85)
HSL
hsl(120, 19%, 41%)
Luminancia
0,170
Contraste y accesibilidad
Combinaciones de colores en la paleta: 6. De ellas, 1 cumple el umbral de contraste WCAG AA (4,5:1) para texto principal.
Aa#F2FFE9 sobre #557C554,60:1AA
Aa#DB6B97 sobre #F2FFE93,09:1AA, texto grande
Aa#A6CF98 sobre #557C552,73:1No aprobado
Aa#DB6B97 sobre #A6CF981,83:1No aprobado
Aa#F2FFE9 sobre #A6CF981,69:1No aprobado
Aa#DB6B97 sobre #557C551,49:1No 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
Paleta
Ayúdanos a mejorar
¿Encontraste un error? ¿Tienes una idea?
Jinero está en pleno desarrollo. Si algo no funciona o se comporta de forma extraña, cuéntanoslo. Si te gustaría que tuviéramos alguna herramienta o función, cuéntanoslo también. Leemos cada mensaje y eso decide directamente qué construimos después.