Criado em 05/28/2025 06:19
Oceanic UI Structure
- Primary Indigo#6366f1
- Secondary Periwinkle#a5b4fc
- Accent Sky#38bdf8
- Background Light#f8fafc
- Surface Cool White#ffffff
- Text Ink#1e293b
A paleta consiste em cores Luz, Escuro. Cores de destaque Secondary Periwinkle #a5b4fc e Surface Cool White #ffffff. A paleta tem Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1E293B (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
A distribuição de matizes sugere um agrupamento maioritariamente análogo (heurística, não regra rígida).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #1E293B, #38BDF8, #6366F1, #A5B4FC, #F8FAFC, #FFFFFF
A paleta Oceanic UI Structure tem uma combinação de cores de códigos de 6:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #a5b4fc, RGB: (165, 180, 252); HEX: #38bdf8, RGB: (56, 189, 248)
HEX: #f8fafc, RGB: (248, 250, 252); HEX: #ffffff, RGB: (255, 255, 255); HEX: #1e293b, RGB: (30, 41, 59)
Versão simplificada das cores da paleta
Matiz de mediumslateblue, Matiz de lightsteelblue, Sombra de deepskyblue, Sombra de whitesmoke, Branco, Sombra de midnightblue
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Oceanic UI Structure códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Primary Indigo | — |
| #a5b4fc | #a5b4fc | RGB(165, 180, 252) | Secondary Periwinkle | — |
| #38bdf8 | #38bdf8 | RGB(56, 189, 248) | Accent Sky | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Background Light | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface Cool White | White |
| #1e293b | #1e293b | RGB(30, 41, 59) | Text Ink | — |
Contraste da Paleta de Cores
4 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 |
|---|---|---|
#a5b4fc | #38bdf8 | 1.07 |
#a5b4fc | #f8fafc | 1.9 |
#a5b4fc | #ffffff | 1.99 |
#f8fafc | #ffffff | 1.04 |
Paleta de imagens Oceanic UI Structure png
Exportar paleta
Baixe a "Oceanic UI Structure" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: