Criado em 05/27/2025 22:27
Seafoam Reactive Grid
- Primary Teal#3eb3a7
- Secondary Mint#a2ded0
- Accent Yellow#ffd166
- Background Ice#f9fcfb
- Surface Pale Mint#e3f5ef
- Text Slate#1d2c2e
A paleta consiste em cores Luz, Escuro. Cores de destaque Primary Teal #3eb3a7 e Accent Yellow #ffd166. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1D2C2E (mais escuro) a #F9FCFB (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): #1D2C2E, #3EB3A7, #A2DED0, #E3F5EF, #F9FCFB, #FFD166
A paleta Seafoam Reactive Grid tem uma combinação de cores de códigos de 6:
HEX: #3eb3a7, RGB: (62, 179, 167); HEX: #a2ded0, RGB: (162, 222, 208); HEX: #ffd166, RGB: (255, 209, 102)
HEX: #f9fcfb, RGB: (249, 252, 251); HEX: #e3f5ef, RGB: (227, 245, 239); HEX: #1d2c2e, RGB: (29, 44, 46)
Versão simplificada das cores da paleta
Sombra de lightseagreen, Matiz de paleturquoise, Sombra de gold, Matiz de Branco, Matiz de mintcream, Matiz de darkslategrey
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Seafoam Reactive Grid códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #3eb3a7 | #3eb3a7 | RGB(62, 179, 167) | Primary Teal | — |
| #a2ded0 | #a2ded0 | RGB(162, 222, 208) | Secondary Mint | — |
| #ffd166 | #ffd166 | RGB(255, 209, 102) | Accent Yellow | — |
| #f9fcfb | #f9fcfb | RGB(249, 252, 251) | Background Ice | — |
| #e3f5ef | #e3f5ef | RGB(227, 245, 239) | Surface Pale Mint | — |
| #1d2c2e | #1d2c2e | RGB(29, 44, 46) | Text Slate | — |
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 |
#3eb3a7 | #a2ded0 | 1.69 |
#3eb3a7 | #ffd166 | 1.77 |
#a2ded0 | #ffd166 | 1.04 |
#a2ded0 | #f9fcfb | 1.46 |
#a2ded0 | #e3f5ef | 1.33 |
#ffd166 | #f9fcfb | 1.39 |
Paleta de imagens Seafoam Reactive Grid png
Exportar paleta
Baixe a "Seafoam Reactive Grid" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: