Gerar paleta
  1. Paletas de cores
  2. Multi-Tenant UX Design Framework

Multi-Tenant UX Design Framework

  • Tenant Sky
    #a0ced9
  • Switch Coral
    #ff6f61
  • Access Gray
    #e2e2e2
  • Instance Yellow
    #fff275
  • Grid White
    #fbfbfb
  • Control Ink
    #2b2d42
  16
Criado em 07/28/2025 19:30
porcolorday
A paleta consiste em cores Claro, Escuro. Cores de destaque Tenant Sky #a0ced9 e Instance Yellow #fff275. A paleta tem Frio, Quente, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #2B2D42 (mais escuro) a #FBFBFB (mais claro). A faixa de luminosidade é ampla.

Saturação mista — 3 suaves e 2 vívidas em 6 cores.

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

Notas quentes e frias estão bastante equilibradas (2 quentes, 2 frias).

Códigos HEX (ordenados): #2B2D42, #A0CED9, #E2E2E2, #FBFBFB, #FF6F61, #FFF275

A paleta Multi-Tenant UX Design Framework combina 6 códigos de cor:
HEX: #a0ced9, RGB: (160, 206, 217); HEX: #ff6f61, RGB: (255, 111, 97); HEX: #e2e2e2, RGB: (226, 226, 226)
HEX: #fff275, RGB: (255, 242, 117); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #2b2d42, RGB: (43, 45, 66)
Versão simplificada das cores da paleta
Tom escuro de Azul-claro, Tom escuro de Salmão, Tom claro de Gainsboro, Tom claro de Cáqui, Tom escuro de Branco, Tom claro de Azul-meia-noite
O esquema de cores foi criado por colorday

Códigos de cores na paleta

Multi-Tenant UX Design Framework códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#a0ced9 #a0ced9 RGB(160, 206, 217)Tenant Sky—
#ff6f61 #ff6f61 RGB(255, 111, 97)Switch CoralLiving Coral
#e2e2e2 #e2e2e2 RGB(226, 226, 226)Access Gray—
#fff275 #fff275 RGB(255, 242, 117)Instance Yellow—
#fbfbfb #fbfbfb RGB(251, 251, 251)Grid WhiteWhiteout
#2b2d42 #2b2d42 RGB(43, 45, 66)Control Ink—

Contraste da paleta de cores

7 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
#a0ced9
#ff6f61
1.6
#a0ced9
#e2e2e2
1.31
#a0ced9
#fff275
1.47
#a0ced9
#fbfbfb
1.64
#e2e2e2
#fff275
1.12
#e2e2e2
#fbfbfb
1.25

Paleta de imagens Multi-Tenant UX Design Framework png

Multi-Tenant UX Design Framework paleta de cores: Tenant Sky, Switch Coral, Access Gray, Instance Yellow, Grid White
 Baixar imagem