Gerar paleta
  1. Paletas de cores
  2. Frontend Experience Schema

Frontend Experience Schema

  • UX Dust
    #f7f1e1
  • Input Teal
    #009fb7
  • State Orchid
    #d4a5a5
  • Flowchart Blue
    #9dd9f3
  • Base Ink
    #282828
  31
Criado em 07/08/2025 20:02
porcolorday
A paleta consiste em cores Claro, Escuro. Cores de destaque UX Dust #f7f1e1 e Input Teal #009fb7. A paleta tem Neutro, Frio, Quente temperatura de cores.

Em luminosidade, a paleta vai de #282828 (mais escuro) a #F7F1E1 (mais claro). A faixa de luminosidade é ampla.

A saturação global parece vívida (croma alto) — 60% 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 frio (2 de 5).

Códigos HEX (ordenados): #009FB7, #282828, #9DD9F3, #D4A5A5, #F7F1E1

A paleta Frontend Experience Schema combina 5 códigos de cor:
HEX: #f7f1e1, RGB: (247, 241, 225); HEX: #009fb7, RGB: (0, 159, 183); HEX: #d4a5a5, RGB: (212, 165, 165)
HEX: #9dd9f3, RGB: (157, 217, 243); HEX: #282828, RGB: (40, 40, 40)
Versão simplificada das cores da paleta
Tom escuro de Renda-antiga, Tom escuro de Azul-cadete, Tom claro de Marrom-rosado, Tom claro de Azul-céu, Tom claro de Preto
O esquema de cores foi criado por colorday

Códigos de cores na paleta

Frontend Experience Schema códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#f7f1e1 #f7f1e1 RGB(247, 241, 225)UX DustCoconut Twist
#009fb7 #009fb7 RGB(0, 159, 183)Input Teal—
#d4a5a5 #d4a5a5 RGB(212, 165, 165)State Orchid—
#9dd9f3 #9dd9f3 RGB(157, 217, 243)Flowchart Blue—
#282828 #282828 RGB(40, 40, 40)Base InkDire Wolf

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 Razão de contraste
#f7f1e1
#d4a5a5
1.91
#f7f1e1
#9dd9f3
1.36
#009fb7
#d4a5a5
1.46
#d4a5a5
#9dd9f3
1.4

Paleta de imagens Frontend Experience Schema png

Frontend Experience Schema - #554369
 Baixar imagem