Aquí tienes una paleta de colores diseñada específicamente para una plataforma web enfocada en sostenibilidad y trazabilidad de envases reutilizables en restaurantes. La paleta se compone de colores que transmiten los valores de sostenibilidad, control, confianza y modernidad tecnológica.

Paleta de Colores

1. Color Primario (Marca):
   • Nombre: Verde Sostenible
   • Código HEX: #4CAF50
   • Descripción: Este verde representa la sostenibilidad y el compromiso ecológico de la plataforma. Es un color calmado que evoca la naturaleza y la reutilización.
2. Color Secundario (Soporte):
   • Nombre: Azul Tecnológico
   • Código HEX: #2196F3
   • Descripción: Este azul moderno simboliza la tecnología y la confianza. Es ideal para soportar la identidad visual de la plataforma.
3. Colores para Acciones (Botones, CTA):
   • Nombre: Verde Claro
   • Código HEX: #81C784
   • Descripción: Este verde claro se utiliza para botones de acción y llamadas a la acción (CTA), indicando opciones seguras y positivas.
   • Nombre: Azul Claro
   • Código HEX: #BBDEFB
   • Descripción: Este azul claro complementa el verde claro para acciones menos destacadas, manteniendo la legibilidad.
4. Colores para Estados del Sistema:
   • Disponible:
     • Nombre: Verde Disponible
     • Código HEX: #66BB6A
   • En Uso:
     • Nombre: Amarillo Usado
     • Código HEX: #FFEB3B
   • En Lavado:
     • Nombre: Naranja Lavado
     • Código HEX: #FF9800
   • En Tránsito:
     • Nombre: Azul En Tránsito
     • Código HEX: #03A9F4
   • Perdido / Baja:
     • Nombre: Rojo Pérdida
     • Código HEX: #F44336
5. Colores Neutros (Fondos, Texto, Bordes):
   • Nombre: Gris Claro
   • Código HEX: #F5F5F5
   • Descripción: Utilizado para fondos, proporciona un contraste suave y ayuda a resaltar otros colores.
   • Nombre: Gris Oscuro
   • Código HEX: #757575
   • Descripción: Ideal para texto y bordes, asegura buena legibilidad.
6. Colores para Dashboards (Positivo, Negativo, Neutro):
   • Positivo:
     • Nombre: Verde Éxito
     • Código HEX: #4CAF50
   • Negativo:
     • Nombre: Rojo Alerta
     • Código HEX: #F44336
   • Neutro:
     • Nombre: Azul Neutro
     • Código HEX: #B0BEC5

Combinaciones Sugeridas

• Fondo: Gris Claro ( #F5F5F5 )
• Texto: Gris Oscuro ( #757575 )
• Botón Primario: Verde Claro ( #81C784 )
• Botón Secundario: Azul Claro ( #BBDEFB )

Nombre de la Paleta

EcoTech Palette

Resumen

Esta paleta de colores busca equilibrar la sostenibilidad con la modernidad tecnológica, utilizando tonos de verde y azul que reflejan estos valores. La elección de colores neutros asegura una buena legibilidad y contraste, haciendo que la interfaz sea profesional y limpia.

json
{
  "palette_name": "EcoTech Palette",
  "colors": [
    {
      "name": "Verde Sostenible",
      "hex_code": "
          
          #4CAF50
       "
    },
    {
      "name": "Azul Tecnológico",
      "hex_code": "
          
          #2196F3
       "
    },
    {
      "name": "Verde Claro",
      "hex_code": "
          
          #81C784
       "
    },
    {
      "name": "Azul Claro",
      "hex_code": "
          
          #BBDEFB
       "
    },
    {
      "name": "Verde Disponible",
      "hex_code": "
          
          #66BB6A
       "
    },
    {
      "name": "Amarillo Usado",
      "hex_code": "
          
          #FFEB3B
       "
    },
    {
      "name": "Naranja Lavado",
      "hex_code": "
          
          #FF9800
       "
    },
    {
      "name": "Azul En Tránsito",
      "hex_code": "
          
          #03A9F4
       "
    },
    {
      "name": "Rojo Pérdida",
      "hex_code": "
          
          #F44336
       "
    },
    {
      "name": "Gris Claro",
      "hex_code": "
          
          #F5F5F5
       "
    },
    {
      "name": "Gris Oscuro",
      "hex_code": "
          
          #757575
       "
    },
    {
      "name": "Verde Éxito",
      "hex_code": "
          
          #4CAF50
       "
    },
    {
      "name": "Rojo Alerta",
      "hex_code": "
          
          #F44336
       "
    },
    {
      "name": "Azul Neutro",
      "hex_code": "
          
          #B0BEC5
       "
    }
  ]
}

¿Te gustaría realizar algún ajuste en la paleta o necesitas más información sobre algún color específico?