Criado em 05/28/2025 09:37
MochaNote UI
- Primary Cocoa#7c3f2c
- Secondary Cream#fdebc8
- Accent Olive#84cc16
- Background Biscuit#fff7ed
- Surface Shell#f5f5dc
- Text Brown#2c1608
A paleta consiste em cores Luz, Escuro. Cores de destaque Secondary Cream #fdebc8 e Background Biscuit #fff7ed. A paleta tem Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #2C1608 (mais escuro) a #FFF7ED (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
Os matizes ficam numa faixa vizinha na roda (heurística).
No geral, a temperatura tende para o quente.
Códigos HEX (ordenados): #2C1608, #7C3F2C, #84CC16, #F5F5DC, #FDEBC8, #FFF7ED
A paleta MochaNote UI tem uma combinação de cores de códigos de 6:
HEX: #7c3f2c, RGB: (124, 63, 44); HEX: #fdebc8, RGB: (253, 235, 200); HEX: #84cc16, RGB: (132, 204, 22)
HEX: #fff7ed, RGB: (255, 247, 237); HEX: #f5f5dc, RGB: (245, 245, 220); HEX: #2c1608, RGB: (44, 22, 8)
Versão simplificada das cores da paleta
Matiz de saddlebrown, Matiz de blanchedalmond, Matiz de Amarelo verde, Matiz de floralwhite, Sombra de Preto
O esquema de cores foi criado por colorday
Códigos de cores na paleta
MochaNote UI códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #7c3f2c | #7c3f2c | RGB(124, 63, 44) | Primary Cocoa | — |
| #fdebc8 | #fdebc8 | RGB(253, 235, 200) | Secondary Cream | — |
| #84cc16 | #84cc16 | RGB(132, 204, 22) | Accent Olive | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Background Biscuit | Fatback |
| #f5f5dc | #f5f5dc | RGB(245, 245, 220) | Surface Shell | Holy White |
| #2c1608 | #2c1608 | RGB(44, 22, 8) | Text Brown | Zinnwaldite Brown |
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 | Taxa de contraste |
#fdebc8 | #84cc16 | 1.68 |
#fdebc8 | #fff7ed | 1.1 |
#fdebc8 | #f5f5dc | 1.06 |
#84cc16 | #fff7ed | 1.86 |
#84cc16 | #f5f5dc | 1.78 |
#fff7ed | #f5f5dc | 1.04 |
Paleta de imagens MochaNote UI png
Exportar paleta
Baixe a "MochaNote UI" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: