Website landing page tech customer success palette
- Medium Turquoise#56d2bb
- Champagne#f8eacd
- Illuminating Emerald#1c8c74
- Polished Pine#599d8e
- Dark Vanilla#d6caac
- Medium Jungle Green#1f3531
Criado em 08/12/2022 16:51
A paleta consiste em cores Claro, Escuro. Cores de destaque Champagne #f8eacd e Illuminating Emerald #1c8c74. A paleta tem Frio, Quente temperatura de cores.
Em luminosidade, a paleta vai de #1F3531 (mais escuro) a #F8EACD (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 2 suaves e 3 vívidas em 6 cores.
Uma paleta variada: seus tons se espalham por cerca de 129° do círculo cromático.
No geral, a temperatura tende para o frio (4 de 6).
Códigos HEX (ordenados): #1C8C74, #1F3531, #56D2BB, #599D8E, #D6CAAC, #F8EACD
A paleta Website landing page tech customer success palette combina 6 códigos de cor:
HEX: #56d2bb, RGB: (86, 210, 187); HEX: #f8eacd, RGB: (248, 234, 205); HEX: #1c8c74, RGB: (28, 140, 116)
HEX: #599d8e, RGB: (89, 157, 142); HEX: #d6caac, RGB: (214, 202, 172); HEX: #1f3531, RGB: (31, 53, 49)
Versão simplificada das cores da paleta
Tom escuro de Turquesa, Tom escuro de Creme-de-papaia, Tom escuro de Verde-mar, Tom escuro de Azul-cadete, Tom escuro de Trigo, Tom escuro de Cinza-ardósia-escuro
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Website landing page tech customer success palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #56d2bb | #56d2bb | RGB(86, 210, 187) | Medium Turquoise | — |
| #f8eacd | #f8eacd | RGB(248, 234, 205) | Champagne | — |
| #1c8c74 | #1c8c74 | RGB(28, 140, 116) | Illuminating Emerald | — |
| #599d8e | #599d8e | RGB(89, 157, 142) | Polished Pine | — |
| #d6caac | #d6caac | RGB(214, 202, 172) | Dark Vanilla | — |
| #1f3531 | #1f3531 | RGB(31, 53, 49) | Medium Jungle 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 | Razão de contraste |
|---|---|---|
#56d2bb | #f8eacd | 1.55 |
#56d2bb | #599d8e | 1.7 |
#56d2bb | #d6caac | 1.13 |
#f8eacd | #d6caac | 1.36 |
#1c8c74 | #599d8e | 1.31 |
#599d8e | #d6caac | 1.94 |
Paleta de imagens Website landing page tech customer success palette png
Exportar paleta
Baixe a "Website landing page tech customer success palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: