Gerar paleta
  1. Paletas de cores
  2. Softwear UI Essentials

Softwear UI Essentials

  • Cloud Beige
    #f9f4ef
  • Modal Teal
    #94d3ac
  • Form Field Lilac
    #b8a0d9
  • Soft Gray Panel
    #d3d3d3
  • Primary Text Black
    #1a1a1a
  • Confirm Green
    #61b15a
  • Notification Coral
    #f76c5e
  • Header White
    #ffffff
  6
Criado em 06/05/2025 08:08
porpalettespicker
A paleta consiste em cores Claro, Escuro. Cores de destaque Modal Teal #94d3ac e Notification Coral #f76c5e. A paleta tem Neutro, Frio, Quente temperatura de cores.

Em luminosidade, a paleta vai de #1A1A1A (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.

Saturação mista — 3 suaves e 1 vívidas em 8 cores.

Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.

No geral, a temperatura tende para o frio (3 de 8).

Códigos HEX (ordenados): #1A1A1A, #61B15A, #94D3AC, #B8A0D9, #D3D3D3, #F76C5E, #F9F4EF, #FFFFFF

A paleta Softwear UI Essentials combina 8 códigos de cor:
HEX: #f9f4ef, RGB: (249, 244, 239); HEX: #94d3ac, RGB: (148, 211, 172); HEX: #b8a0d9, RGB: (184, 160, 217)
HEX: #d3d3d3, RGB: (211, 211, 211); HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #61b15a, RGB: (97, 177, 90)
HEX: #f76c5e, RGB: (247, 108, 94); HEX: #ffffff, RGB: (255, 255, 255)
Versão simplificada das cores da paleta
Tom escuro de Concha, Tom claro de Água-marinha-média, Tom escuro de Ameixa, Cinza-claro, Tom claro de Preto, Tom claro de Verde-mar-médio, Tom escuro de Salmão, Branco
O esquema de cores foi criado por palettespicker

Códigos de cores na paleta

Softwear UI Essentials códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#f9f4ef #f9f4ef RGB(249, 244, 239)Cloud Beige—
#94d3ac #94d3ac RGB(148, 211, 172)Modal Teal—
#b8a0d9 #b8a0d9 RGB(184, 160, 217)Form Field Lilac—
#d3d3d3 #d3d3d3 RGB(211, 211, 211)Soft Gray PanelLightgray
#1a1a1a #1a1a1a RGB(26, 26, 26)Primary Text BlackGray10
#61b15a #61b15a RGB(97, 177, 90)Confirm Green—
#f76c5e #f76c5e RGB(247, 108, 94)Notification Coral—
#ffffff #ffffff RGB(255, 255, 255)Header WhiteWhite

Contraste da paleta de cores

15 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
#f9f4ef
#94d3ac
1.57
#f9f4ef
#d3d3d3
1.36
#f9f4ef
#ffffff
1.09
#94d3ac
#b8a0d9
1.34
#94d3ac
#d3d3d3
1.15
#94d3ac
#61b15a
1.53

Paleta de imagens Softwear UI Essentials png

Softwear UI Essentials paleta de cores: Cloud Beige, Modal Teal, Form Field Lilac, Soft Gray Panel, Primary Text Black
 Baixar imagem