Material Design color palette (05/16)
- Coconut White#e8eaf6
- Ace#c5cae9
- Sorbet Ice Mauve#9fa8da
- Twilight Twinkle#7986cb
- #5c6bc0
- #3f51b5
- Night in Manchester#3949ab
- #303f9f
- Royal Night#283593
- Impression of Obscurity#1a237e
- Periwinkle Blue#8c9eff
- Blue Heath Butterfly#536dfe
- Hooloovoo Blue#3d5afe
- #304ffe
Criado em 12/22/2025 09:41
A paleta consiste em cores Claro, Semi escuro, Escuro. Cores de destaque Periwinkle Blue #8c9eff e #304ffe. A paleta tem Neutro, Frio temperatura de cores.
Em luminosidade, a paleta vai de #1A237E (mais escuro) a #E8EAF6 (mais claro). A faixa de luminosidade é ampla.
A saturação está num intervalo médio, com uma média de 64% na paleta.
Uma paleta análoga: seus tons ficam próximos no círculo cromático, dentro de cerca de 4°.
No geral, a temperatura tende para o frio (13 de 14).
Códigos HEX (ordenados): #1A237E, #283593, #303F9F, #304FFE, #3949AB, #3D5AFE, #3F51B5, #536DFE, #5C6BC0, #7986CB, #8C9EFF, #9FA8DA, #C5CAE9, #E8EAF6
A paleta Material Design color palette (05/16) combina 14 códigos de cor:
HEX: #e8eaf6, RGB: (232, 234, 246); HEX: #c5cae9, RGB: (197, 202, 233); HEX: #9fa8da, RGB: (159, 168, 218)
HEX: #7986cb, RGB: (121, 134, 203); HEX: #5c6bc0, RGB: (92, 107, 192); HEX: #3f51b5, RGB: (63, 81, 181)
HEX: #3949ab, RGB: (57, 73, 171); HEX: #303f9f, RGB: (48, 63, 159); HEX: #283593, RGB: (40, 53, 147)
HEX: #1a237e, RGB: (26, 35, 126); HEX: #8c9eff, RGB: (140, 158, 255); HEX: #536dfe, RGB: (83, 109, 254)
HEX: #3d5afe, RGB: (61, 90, 254); HEX: #304ffe, RGB: (48, 79, 254)
Versão simplificada das cores da paleta
Tom claro de Lavanda, Tom claro de Azul-aço-claro, Tom escuro de Azul-aço-claro, Tom escuro de Azul-centáurea, Tom claro de Azul-royal, Tom escuro de Azul-ardósia, Tom claro de Azul-ardósia-escuro, Tom escuro de Azul-ardósia-escuro, Tom escuro de Azul-ardósia-escuro, Tom claro de Azul-meia-noite, Tom claro de Azul-centáurea, Tom claro de Azul-royal, Tom escuro de Azul-royal, Tom escuro de Azul-ardósia
O esquema de cores foi criado por MyPalettes
Códigos de cores na paleta
Material Design color palette (05/16) códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #e8eaf6 | #e8eaf6 | RGB(232, 234, 246) | Coconut White | — |
| #c5cae9 | #c5cae9 | RGB(197, 202, 233) | Ace | — |
| #9fa8da | #9fa8da | RGB(159, 168, 218) | Sorbet Ice Mauve | — |
| #7986cb | #7986cb | RGB(121, 134, 203) | Twilight Twinkle | — |
| #5c6bc0 | #5c6bc0 | RGB(92, 107, 192) | — | — |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | — | — |
| #3949ab | #3949ab | RGB(57, 73, 171) | Night in Manchester | — |
| #303f9f | #303f9f | RGB(48, 63, 159) | — | — |
| #283593 | #283593 | RGB(40, 53, 147) | Royal Night | — |
| #1a237e | #1a237e | RGB(26, 35, 126) | Impression of Obscurity | — |
| #8c9eff | #8c9eff | RGB(140, 158, 255) | Periwinkle Blue | — |
| #536dfe | #536dfe | RGB(83, 109, 254) | Blue Heath Butterfly | — |
| #3d5afe | #3d5afe | RGB(61, 90, 254) | Hooloovoo Blue | — |
| #304ffe | #304ffe | RGB(48, 79, 254) | — | — |
Contraste da paleta de cores
43 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 |
|---|---|---|
#e8eaf6 | #c5cae9 | 1.34 |
#e8eaf6 | #9fa8da | 1.92 |
#c5cae9 | #9fa8da | 1.43 |
#c5cae9 | #8c9eff | 1.53 |
#9fa8da | #7986cb | 1.49 |
#9fa8da | #8c9eff | 1.07 |
Paleta de imagens Material Design color palette (05/16) png
Exportar paleta
Baixe a "Material Design color palette (05/16)" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: