Interface ux product design saas web app palette

Light Carmine Pink
#e46c74
Little Boy Blue
#6f9ae2
Persian Plum
#70141a
Blue Yonder
#5474ac
Pastel Blue
#acbacf
Charleston Green
#2c2c2c

A paleta consiste em cores Luz, Escuro. Cores de destaque Little Boy Blue #6f9ae2 e Persian Plum #70141a. A paleta tem Esquentar, Legal, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #2C2C2C (mais escuro) a #ACBACF (mais claro). A faixa de luminosidade é ampla.

Saturação mista — tons suaves e acentos mais vivos.

Os matizes espalham-se amplamente na roda — paleta variada (heurística).

No geral, a temperatura tende para o frio.

Códigos HEX (ordenados): #2C2C2C, #5474AC, #6F9AE2, #70141A, #ACBACF, #E46C74

A paleta Interface ux product design saas web app palette tem uma combinação de cores de códigos de 6:

HEX: #e46c74, RGB: (228, 108, 116); HEX: #6f9ae2, RGB: (111, 154, 226); HEX: #70141a, RGB: (112, 20, 26)

HEX: #5474ac, RGB: (84, 116, 172); HEX: #acbacf, RGB: (172, 186, 207); HEX: #2c2c2c, RGB: (44, 44, 44)

Versão simplificada das cores da paleta

Matiz de lightcoral, Sombra de cornflowerblue, Sombra de Marrom, Sombra de royalblue, Matiz de lightsteelblue, Sombra de Preto

O esquema de cores foi criado por colorswall

Mais paletas com:

Códigos de cores na paleta

Interface ux product design saas web app palette códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#e46c74	#e46c74	RGB(228, 108, 116)	Light Carmine Pink	—
#6f9ae2	#6f9ae2	RGB(111, 154, 226)	Little Boy Blue	—
#70141a	#70141a	RGB(112, 20, 26)	Persian Plum	—
#5474ac	#5474ac	RGB(84, 116, 172)	Blue Yonder	—
#acbacf	#acbacf	RGB(172, 186, 207)	Pastel Blue	—
#2c2c2c	#2c2c2c	RGB(44, 44, 44)	Charleston Green	—

Contraste da Paleta de Cores

6 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.

Cor do texto	Cor de fundo	Taxa de contraste
#e46c74	#6f9ae2	1.1
#e46c74	#5474ac	1.49
#e46c74	#acbacf	1.59
#6f9ae2	#5474ac	1.65
#6f9ae2	#acbacf	1.44
#70141a	#2c2c2c	1.19

Paleta de imagens Interface ux product design saas web app palette png

Interface ux product design saas web app palette - #220200

--color-light-carmine-pink:	#e46c74;
--color-little-boy-blue:	#6f9ae2;
--color-persian-plum:	#70141a;
--color-blue-yonder:	#5474ac;
--color-pastel-blue:	#acbacf;
--color-charleston-green:	#2c2c2c;

$color-light-carmine-pink:	#e46c74;
$color-little-boy-blue:	#6f9ae2;
$color-persian-plum:	#70141a;
$color-blue-yonder:	#5474ac;
$color-pastel-blue:	#acbacf;
$color-charleston-green:	#2c2c2c;

@color-light-carmine-pink:	#e46c74;
@color-little-boy-blue:	#6f9ae2;
@color-persian-plum:	#70141a;
@color-blue-yonder:	#5474ac;
@color-pastel-blue:	#acbacf;
@color-charleston-green:	#2c2c2c;