Criado em 06/22/2025 07:11
Component Library Harmony Kit
- Base Cream#fff8e1
- UI Steel#5e6472
- Interaction Aqua#88e1f2
- Accent Plum#8d6a9f
- State Orange#ffa07a
- Outline Slate#bcccdc
- Surface White#ffffff
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Base Cream #fff8e1 e Interaction Aqua #88e1f2. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #5E6472 (mais escuro) a #FFFFFF (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): #5E6472, #88E1F2, #8D6A9F, #BCCCDC, #FFA07A, #FFF8E1, #FFFFFF
A paleta Component Library Harmony Kit tem uma combinação de cores de códigos de 7:
HEX: #fff8e1, RGB: (255, 248, 225); HEX: #5e6472, RGB: (94, 100, 114); HEX: #88e1f2, RGB: (136, 225, 242)
HEX: #8d6a9f, RGB: (141, 106, 159); HEX: #ffa07a, RGB: (255, 160, 122); HEX: #bcccdc, RGB: (188, 204, 220)
HEX: #ffffff, RGB: (255, 255, 255)
Versão simplificada das cores da paleta
Sombra de cornsilk, Matiz de dimgrey, Matiz de powderblue, Matiz de mediumpurple, Sombra de lightsteelblue, Branco
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Component Library Harmony Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #fff8e1 | #fff8e1 | RGB(255, 248, 225) | Base Cream | Still Morning |
| #5e6472 | #5e6472 | RGB(94, 100, 114) | UI Steel | — |
| #88e1f2 | #88e1f2 | RGB(136, 225, 242) | Interaction Aqua | — |
| #8d6a9f | #8d6a9f | RGB(141, 106, 159) | Accent Plum | — |
| #ffa07a | #ffa07a | RGB(255, 160, 122) | State Orange | Dwarven Flesh |
| #bcccdc | #bcccdc | RGB(188, 204, 220) | Outline Slate | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface White | White |
Contraste da Paleta de Cores
11 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 |
#fff8e1 | #88e1f2 | 1.4 |
#fff8e1 | #ffa07a | 1.87 |
#fff8e1 | #bcccdc | 1.54 |
#fff8e1 | #ffffff | 1.06 |
#5e6472 | #8d6a9f | 1.32 |
#88e1f2 | #ffa07a | 1.33 |
Paleta de imagens Component Library Harmony Kit png
Exportar paleta
Baixe a "Component Library Harmony Kit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: