Visão geral

A paleta que traduz visualmente nossa essência: precisão, profundidade e contraste.

Visão geral

A paleta que traduz visualmente nossa essência: precisão, profundidade e contraste.

Sobre o

projeto

Cores da marca

Nossa paleta é construída para comunicar o que a Unkern representa: clareza, estrutura e presença.
Ela é funcional — nunca decorativa. Serve para guiar, dar ritmo visual e destacar o que importa.

O uso do preto e branco como base transmite neutralidade e foco. Já os tons principais da identidade carregam propósito: profundidade, contraste, energia e sofisticação, sempre com equilíbrio.

Cores na Unkern não são só estética. Elas criam atmosferas, constroem hierarquia e reforçam o posicionamento da marca em todos os pontos de contato.

Outras cores

Scroll down

#C8C3F7
Code by @omatusaelhorch
rgb(200, 195, 247)
Code by @omatusaelhorch
hsl(246, 76%, 87%)
Code by @omatusaelhorch
#C8C3F7
Code by @omatusaelhorch
rgb(200, 195, 247)
Code by @omatusaelhorch
hsl(246, 76%, 87%)
Code by @omatusaelhorch
#AAA5EF
Code by @omatusaelhorch
rgb(170, 165, 239)
Code by @omatusaelhorch
hsl(244, 70%, 79%)
Code by @omatusaelhorch
#AAA5EF
Code by @omatusaelhorch
rgb(170, 165, 239)
Code by @omatusaelhorch
hsl(244, 70%, 79%)
Code by @omatusaelhorch
#9089E6
Code by @omatusaelhorch
rgb(144, 137, 230)
Code by @omatusaelhorch
hsl(245, 65%, 72%)
Code by @omatusaelhorch
#9089E6
Code by @omatusaelhorch
rgb(144, 137, 230)
Code by @omatusaelhorch
hsl(245, 65%, 72%)
Code by @omatusaelhorch
#766EDB
Code by @omatusaelhorch
rgb(118, 110, 219)
Code by @omatusaelhorch
hsl(244, 60%, 65%)
Code by @omatusaelhorch
#766EDB
Code by @omatusaelhorch
rgb(118, 110, 219)
Code by @omatusaelhorch
hsl(244, 60%, 65%)
Code by @omatusaelhorch
#5E55CF
Code by @omatusaelhorch
rgb(94, 85, 207)
Code by @omatusaelhorch
hsl(244, 56%, 57%)
Code by @omatusaelhorch
#5E55CF
Code by @omatusaelhorch
rgb(94, 85, 207)
Code by @omatusaelhorch
hsl(244, 56%, 57%)
Code by @omatusaelhorch
#524AC8
Code by @omatusaelhorch
rgb(82, 74, 200)
Code by @omatusaelhorch
hsl(244, 53%, 54%)
Code by @omatusaelhorch
#524AC8
Code by @omatusaelhorch
rgb(82, 74, 200)
Code by @omatusaelhorch
hsl(244, 53%, 54%)
Code by @omatusaelhorch
#2F22DD
Code by @omatusaelhorch
rgb(47, 34, 221)
Code by @omatusaelhorch
hsl(244, 73%, 50%)
Code by @omatusaelhorch
#2F22DD
Code by @omatusaelhorch
rgb(47, 34, 221)
Code by @omatusaelhorch
hsl(244, 73%, 50%)
Code by @omatusaelhorch
#3D35AF
Code by @omatusaelhorch
rgb(61, 53, 175)
Code by @omatusaelhorch
hsl(244, 54%, 45%)
Code by @omatusaelhorch
#3D35AF
Code by @omatusaelhorch
rgb(61, 53, 175)
Code by @omatusaelhorch
hsl(244, 54%, 45%)
Code by @omatusaelhorch
#342C9C
Code by @omatusaelhorch
rgb(52, 44, 156)
Code by @omatusaelhorch
hsl(244, 56%, 39%)
Code by @omatusaelhorch
#342C9C
Code by @omatusaelhorch
rgb(52, 44, 156)
Code by @omatusaelhorch
hsl(244, 56%, 39%)
Code by @omatusaelhorch
#E4FFFA
Code by @omatusaelhorch
rgb(228, 255, 250)
Code by @omatusaelhorch
hsl(169, 100%, 95%)
Code by @omatusaelhorch
#E4FFFA
Code by @omatusaelhorch
rgb(228, 255, 250)
Code by @omatusaelhorch
hsl(169, 100%, 95%)
Code by @omatusaelhorch
#C1FCF2
Code by @omatusaelhorch
rgb(193, 252, 242)
Code by @omatusaelhorch
hsl(170, 91%, 87%)
Code by @omatusaelhorch
#C1FCF2
Code by @omatusaelhorch
rgb(193, 252, 242)
Code by @omatusaelhorch
hsl(170, 91%, 87%)
Code by @omatusaelhorch
#A0F8E9
Code by @omatusaelhorch
rgb(160, 248, 233)
Code by @omatusaelhorch
hsl(170, 86%, 80%)
Code by @omatusaelhorch
#A0F8E9
Code by @omatusaelhorch
rgb(160, 248, 233)
Code by @omatusaelhorch
hsl(170, 86%, 80%)
Code by @omatusaelhorch
#82F1DE
Code by @omatusaelhorch
rgb(130, 241, 222)
Code by @omatusaelhorch
hsl(170, 80%, 73%)
Code by @omatusaelhorch
#82F1DE
Code by @omatusaelhorch
rgb(130, 241, 222)
Code by @omatusaelhorch
hsl(170, 80%, 73%)
Code by @omatusaelhorch
#65E8D2
Code by @omatusaelhorch
rgb(101, 232, 210)
Code by @omatusaelhorch
hsl(170, 74%, 65%)
Code by @omatusaelhorch
#65E8D2
Code by @omatusaelhorch
rgb(101, 232, 210)
Code by @omatusaelhorch
hsl(170, 74%, 65%)
Code by @omatusaelhorch
#58E3CB
Code by @omatusaelhorch
rgb(88, 227, 203)
Code by @omatusaelhorch
hsl(170, 71%, 62%)
Code by @omatusaelhorch
#58E3CB
Code by @omatusaelhorch
rgb(88, 227, 203)
Code by @omatusaelhorch
hsl(170, 71%, 62%)
Code by @omatusaelhorch
#2CFCD9
Code by @omatusaelhorch
rgb(44, 252, 217)
Code by @omatusaelhorch
hsl(170, 97%, 58%)
Code by @omatusaelhorch
#2CFCD9
Code by @omatusaelhorch
rgb(44, 252, 217)
Code by @omatusaelhorch
hsl(170, 97%, 58%)
Code by @omatusaelhorch
#31DCBF
Code by @omatusaelhorch
rgb(49, 220, 191)
Code by @omatusaelhorch
hsl(170, 71%, 53%)
Code by @omatusaelhorch
#31DCBF
Code by @omatusaelhorch
rgb(49, 220, 191)
Code by @omatusaelhorch
hsl(170, 71%, 53%)
Code by @omatusaelhorch
#1FD1B3
Code by @omatusaelhorch
rgb(31, 209, 179)
Code by @omatusaelhorch
hsl(170, 74%, 47%)
Code by @omatusaelhorch
#1FD1B3
Code by @omatusaelhorch
rgb(31, 209, 179)
Code by @omatusaelhorch
hsl(170, 74%, 47%)
Code by @omatusaelhorch

Acesse este site pelo Desktop.

Para proporcionar a melhor experiência de usabilidade e navegação, este site está otimizado exclusivamente para acesso via computador.

Acesse este site pelo Desktop.

Para proporcionar a melhor experiência de usabilidade e navegação, este site está otimizado exclusivamente para acesso via computador.

Scrollbar Customizer