Minimal SaaS Landing Style
- Landing Linen#faf3e0
- Brand Beige#fff0d6
- Hover Hazel#d8cab8
- CTA Cinnamon#d2691e
- Hero Heather#d2d1f6
- Outline Onyx#333132
Criado em 06/11/2025 12:18
A paleta consiste em cores Claro, Escuro. Cores de destaque Brand Beige #fff0d6 e Hero Heather #d2d1f6. A paleta tem Neutro, Quente, Frio temperatura de cores.
Em luminosidade, a paleta vai de #333132 (mais escuro) a #FAF3E0 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 67% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o quente (3 de 6).
Códigos HEX (ordenados): #333132, #D2691E, #D2D1F6, #D8CAB8, #FAF3E0, #FFF0D6
A paleta Minimal SaaS Landing Style combina 6 códigos de cor:
HEX: #faf3e0, RGB: (250, 243, 224); HEX: #fff0d6, RGB: (255, 240, 214); HEX: #d8cab8, RGB: (216, 202, 184)
HEX: #d2691e, RGB: (210, 105, 30); HEX: #d2d1f6, RGB: (210, 209, 246); HEX: #333132, RGB: (51, 49, 50)
Versão simplificada das cores da paleta
Tom escuro de Renda-antiga, Tom claro de Creme-de-papaia, Tom escuro de Branco-antigo, Chocolate, Tom escuro de Lavanda, Tom claro de Preto
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Minimal SaaS Landing Style códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #faf3e0 | #faf3e0 | RGB(250, 243, 224) | Landing Linen | — |
| #fff0d6 | #fff0d6 | RGB(255, 240, 214) | Brand Beige | — |
| #d8cab8 | #d8cab8 | RGB(216, 202, 184) | Hover Hazel | — |
| #d2691e | #d2691e | RGB(210, 105, 30) | CTA Cinnamon | Chocolate |
| #d2d1f6 | #d2d1f6 | RGB(210, 209, 246) | Hero Heather | — |
| #333132 | #333132 | RGB(51, 49, 50) | Outline Onyx | — |
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 |
|---|---|---|
#faf3e0 | #fff0d6 | 1.01 |
#faf3e0 | #d8cab8 | 1.45 |
#faf3e0 | #d2d1f6 | 1.33 |
#fff0d6 | #d8cab8 | 1.43 |
#fff0d6 | #d2d1f6 | 1.31 |
#d8cab8 | #d2d1f6 | 1.08 |
Paleta de imagens Minimal SaaS Landing Style png
Exportar paleta
Baixe a "Minimal SaaS Landing Style" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: