Creado en 07/11/2025 12:47
Figma Design System Builder
- Canvas White#fafafa
- Style Token Mint#b5ead7
- Layer Grey#e2e2e2
- Typography Ink#3d3d3d
- Component Coral#ff968a
- Primary Indigo#7d7abc
La paleta consta de Luz colores. Colores de acento Style Token Mint #b5ead7 y Component Coral #ff968a. La paleta tiene temperatura de color Neutral, Frío, Cálido.
Por luminosidad, la paleta va de #3D3D3D (más oscuro) a #FAFAFA (más claro). El rango de luminosidad es amplio.
Saturación mixta: algunos colores apagados y acentos más vivos.
Algunos pares de matices están cerca de posiciones complementarias — puede leerse como contraste complementario (heurística).
En conjunto, la temperatura de color tiende al frío.
Códigos HEX (ordenados): #3D3D3D, #7D7ABC, #B5EAD7, #E2E2E2, #FAFAFA, #FF968A
La paleta Figma Design System Builder tiene una combinación de colores de códigos de 6:
HEX: #fafafa, RGB: (250, 250, 250); HEX: #b5ead7, RGB: (181, 234, 215); HEX: #e2e2e2, RGB: (226, 226, 226)
HEX: #3d3d3d, RGB: (61, 61, 61); HEX: #ff968a, RGB: (255, 150, 138); HEX: #7d7abc, RGB: (125, 122, 188)
Versión simplificada de la paleta de colores
Sombra de whitesmoke, Matiz de paleturquoise, Sombra de gainsboro, Matiz de darkslategrey, Sombra de salmon, Matiz de mediumpurple
El esquema de color fue creado por hex
Códigos de colores en la paleta
Figma Design System Builder códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #fafafa | #fafafa | RGB(250, 250, 250) | Canvas White | Dr. White |
| #b5ead7 | #b5ead7 | RGB(181, 234, 215) | Style Token Mint | — |
| #e2e2e2 | #e2e2e2 | RGB(226, 226, 226) | Layer Grey | — |
| #3d3d3d | #3d3d3d | RGB(61, 61, 61) | Typography Ink | Raven Black |
| #ff968a | #ff968a | RGB(255, 150, 138) | Component Coral | — |
| #7d7abc | #7d7abc | RGB(125, 122, 188) | Primary Indigo | — |
Contraste de la paleta de colores
6 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 |
#fafafa | #b5ead7 | 1.28 |
#fafafa | #e2e2e2 | 1.24 |
#b5ead7 | #e2e2e2 | 1.03 |
#b5ead7 | #ff968a | 1.57 |
#e2e2e2 | #ff968a | 1.62 |
#ff968a | #7d7abc | 1.85 |
Paleta de imágenes Figma Design System Builder png
Exportar paleta
Descargue la "Figma Design System Builder" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: