Tech clean ui playful palette

Old Gold
#c8bf3d
Kobi
#e4a2c4
Midnight Green (Eagle Green)
#0f4258
Polished Pine
#60a88c
Pale Silver
#d4c6b6
Purple Taupe
#4c4444

A paleta consiste em cores Luz. Cores de destaque Old Gold #c8bf3d e Midnight Green (Eagle Green) #0f4258. A paleta tem Esquentar, Neutro, Legal temperatura de cores.

Em luminosidade, a paleta vai de #0F4258 (mais escuro) a #D4C6B6 (mais claro). A faixa de luminosidade é ampla.

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

Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).

No geral, a temperatura tende para o frio.

Códigos HEX (ordenados): #0F4258, #4C4444, #60A88C, #C8BF3D, #D4C6B6, #E4A2C4

A paleta Tech clean ui playful palette tem uma combinação de cores de códigos de 6:

HEX: #c8bf3d, RGB: (200, 191, 61); HEX: #e4a2c4, RGB: (228, 162, 196); HEX: #0f4258, RGB: (15, 66, 88)

HEX: #60a88c, RGB: (96, 168, 140); HEX: #d4c6b6, RGB: (212, 198, 182); HEX: #4c4444, RGB: (76, 68, 68)

Versão simplificada das cores da paleta

Sombra de darkkhaki, Sombra de plum, Matiz de darkslategrey, Sombra de lightseagreen, Matiz de antiquewhite, Matiz de dimgrey

O esquema de cores foi criado por colourlock

Mais paletas com:

Códigos de cores na paleta

Tech clean ui playful palette códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#c8bf3d	#c8bf3d	RGB(200, 191, 61)	Old Gold	—
#e4a2c4	#e4a2c4	RGB(228, 162, 196)	Kobi	—
#0f4258	#0f4258	RGB(15, 66, 88)	Midnight Green (Eagle Green)	—
#60a88c	#60a88c	RGB(96, 168, 140)	Polished Pine	—
#d4c6b6	#d4c6b6	RGB(212, 198, 182)	Pale Silver	—
#4c4444	#4c4444	RGB(76, 68, 68)	Purple Taupe	—

Contraste da Paleta de Cores

7 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
#c8bf3d	#e4a2c4	1.06
#c8bf3d	#60a88c	1.46
#c8bf3d	#d4c6b6	1.14
#e4a2c4	#60a88c	1.37
#e4a2c4	#d4c6b6	1.22
#0f4258	#4c4444	1.14

Paleta de imagens Tech clean ui playful palette png

--color-old-gold:	#c8bf3d;
--color-kobi:	#e4a2c4;
--color-midnight-green-eagle-green:	#0f4258;
--color-polished-pine:	#60a88c;
--color-pale-silver:	#d4c6b6;
--color-purple-taupe:	#4c4444;

$color-old-gold:	#c8bf3d;
$color-kobi:	#e4a2c4;
$color-midnight-green-eagle-green:	#0f4258;
$color-polished-pine:	#60a88c;
$color-pale-silver:	#d4c6b6;
$color-purple-taupe:	#4c4444;

@color-old-gold:	#c8bf3d;
@color-kobi:	#e4a2c4;
@color-midnight-green-eagle-green:	#0f4258;
@color-polished-pine:	#60a88c;
@color-pale-silver:	#d4c6b6;
@color-purple-taupe:	#4c4444;