00. Paleta de colores

Las paletas buscan una combinación de colores inspirados en los elementos, por ejemplo, el azul simbolizando el agua y, combina colores como el amarillo asociado con Pikachu o el rojo con las Pokeballs Páginas utilizadas para la selección de colores:

• https://palett.es/
• https://htmlcolorcodes.com/es/

Opción 1

Tema claro:

• Fondo Principal: Blanco #FFFFFF o un gris muy claro #F5F5F5 para proporcionar sensación de espacio y limpieza

• Acento Primario: Azul claro #3C82F6

• Acento Secundario: Amarillo Pikachu #FFCE31

• Texto: Gris oscuro #333333 para el texto principal y un gris medio #666666 para los textos secundarios

• Elementos de Interfaz y Botones: Para los elementos interactivos, un rojo sutil #EE6E73, y un verde suave #78C850

• Destacados y Advertencias: Para elementos que requieran atención, como notificaciones o advertencias, un naranja #FFA726

.color-1 {color: #ffa726;}
.color-2 {color: #78c850;}
.color-3 {color: #ee6e73;}
.color-4 {color: #ffce31;}
.color-5 {color: #3c82f6;}
.color-6 {color: #f5f5f5;}

Tema oscuro

.color-1 {color: #413a37;}
.color-2 {color: #f4f65b;}
.color-3 {color: #0076a3;}
.color-4 {color: #2eb200;}
.color-5 {color: #f75c59;}
.color-6 {color: #2979ff;}