Criado em 10/08/2025 20:09
Sustainable UX Accessible Mobile Focus
- Natural Olive Green#6b8e23
- Recycled Paper White#fcfaf1
- Slate Stone Gray#465258
- Bright Marigold CTA#ffc000
- Ocean Wave Blue#0077b6
- Rich Earth Brown#8b4513
- Soft Blush Pink#f5d0d0
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Bright Marigold CTA #ffc000 e Ocean Wave Blue #0077b6. A paleta tem Esquentar, Neutro, Legal temperatura de cores.
Em luminosidade, a paleta vai de #8B4513 (mais escuro) a #FCFAF1 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
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 quente.
Códigos HEX (ordenados): #0077B6, #465258, #6B8E23, #8B4513, #F5D0D0, #FCFAF1, #FFC000
A paleta Sustainable UX Accessible Mobile Focus tem uma combinação de cores de códigos de 7:
HEX: #6b8e23, RGB: (107, 142, 35); HEX: #fcfaf1, RGB: (252, 250, 241); HEX: #465258, RGB: (70, 82, 88)
HEX: #ffc000, RGB: (255, 192, 0); HEX: #0077b6, RGB: (0, 119, 182); HEX: #8b4513, RGB: (139, 69, 19)
HEX: #f5d0d0, RGB: (245, 208, 208)
Versão simplificada das cores da paleta
Matiz de floralwhite, Sombra de darkslategrey, Sombra de goldenrod, Matiz de steelblue, Matiz de mistyrose
O esquema de cores foi criado por colourlock
Códigos de cores na paleta
Sustainable UX Accessible Mobile Focus códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #6b8e23 | #6b8e23 | RGB(107, 142, 35) | Natural Olive Green | Scallion |
| #fcfaf1 | #fcfaf1 | RGB(252, 250, 241) | Recycled Paper White | — |
| #465258 | #465258 | RGB(70, 82, 88) | Slate Stone Gray | — |
| #ffc000 | #ffc000 | RGB(255, 192, 0) | Bright Marigold CTA | — |
| #0077b6 | #0077b6 | RGB(0, 119, 182) | Ocean Wave Blue | — |
| #8b4513 | #8b4513 | RGB(139, 69, 19) | Rich Earth Brown | Saddle Brown |
| #f5d0d0 | #f5d0d0 | RGB(245, 208, 208) | Soft Blush Pink | — |
Contraste da Paleta de Cores
8 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 |
#6b8e23 | #0077b6 | 1.27 |
#6b8e23 | #8b4513 | 1.86 |
#fcfaf1 | #ffc000 | 1.57 |
#fcfaf1 | #f5d0d0 | 1.35 |
#465258 | #0077b6 | 1.65 |
#465258 | #8b4513 | 1.13 |
Paleta de imagens Sustainable UX Accessible Mobile Focus png
Exportar paleta
Baixe a "Sustainable UX Accessible Mobile Focus" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: