Generar paleta
  1. paletas de colores
  2. Light Mode UX Studio Board

Light Mode UX Studio Board

  • Whitespace Rose
    #fdf0f0
  • Layer Cream
    #f7f2ec
  • Cursor Coral
    #ff6f61
  • Scroll Mint
    #c1ffd7
  • Sticky Note Yellow
    #fff89c
  • Wire Indigo
    #b9b4f2
  21
Creado en 06/26/2025 08:29
porcoolor
La paleta consta de Claro colores. Colores de acento Sticky Note Yellow #fff89c y Wire Indigo #b9b4f2. La paleta tiene temperatura de color Neutral, Cálido, Frío.

Por luminosidad, la paleta va de #FF6F61 (más oscuro) a #FDF0F0 (más claro). El rango de luminosidad es moderado.

La saturación global se siente viva (croma alto) — el 83% de los colores son vivos.

Algunos colores están casi opuestos en la rueda de color, lo que da a la paleta un contraste complementario.

Las notas cálidas y frías están bastante equilibradas (2 cálidas, 2 frías).

Códigos HEX (ordenados): #B9B4F2, #C1FFD7, #F7F2EC, #FDF0F0, #FF6F61, #FFF89C

La paleta Light Mode UX Studio Board combina 6 códigos de color:
HEX: #fdf0f0, RGB: (253, 240, 240); HEX: #f7f2ec, RGB: (247, 242, 236); HEX: #ff6f61, RGB: (255, 111, 97)
HEX: #c1ffd7, RGB: (193, 255, 215); HEX: #fff89c, RGB: (255, 248, 156); HEX: #b9b4f2, RGB: (185, 180, 242)
Versión simplificada de la paleta de colores
Tono oscuro de Nieve, Tono oscuro de Concha marina, Tono oscuro de Salmón, Tono claro de Aguamarina, Tono claro de Caqui, Tono oscuro de Azul acero claro
El esquema de color fue creado por coolor

Códigos de colores en la paleta

Light Mode UX Studio Board códigos de color HEX, información RGB en la tabla

Color HEX RGB Nombre nombre alternativo
#fdf0f0 #fdf0f0 RGB(253, 240, 240)Whitespace Rose—
#f7f2ec #f7f2ec RGB(247, 242, 236)Layer Cream—
#ff6f61 #ff6f61 RGB(255, 111, 97)Cursor CoralLiving Coral
#c1ffd7 #c1ffd7 RGB(193, 255, 215)Scroll Mint—
#fff89c #fff89c RGB(255, 248, 156)Sticky Note Yellow—
#b9b4f2 #b9b4f2 RGB(185, 180, 242)Wire Indigo—

Contraste de la paleta de colores

11 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
Color de texto Color de fondo Relación de contraste
#fdf0f0
#f7f2ec
1
#fdf0f0
#c1ffd7
1.01
#fdf0f0
#fff89c
1.01
#fdf0f0
#b9b4f2
1.73
#f7f2ec
#c1ffd7
1.01
#f7f2ec
#fff89c
1.01

Paleta de imágenes Light Mode UX Studio Board png

Light Mode UX Studio Board paleta de colores: Whitespace Rose, Layer Cream, Cursor Coral, Scroll Mint, Sticky Note Yellow
 Descargar imagen