Colores que combinan con el verde

La misma lámina, de noche

/* Combinación 135 de Wada — bluenze.com/paletas */
:root {
  --fondo: #f9f5e4;
  --superficie: #e7dfb7;
  --texto: #1f261d;
  --tinta: #1f261d;
  --texto-suave: #5d665a;
  --titular: #43763b;
  --acento: #7e8ea9;
  --acento-texto: #1f261d;
  --enlace: #606f89;
  --borde: #d6d2be;

  /* la lámina de Wada, tal cual */
  --lamina-1: #f8f0c8;
  --lamina-2: #43763b;
  --lamina-3: #a3b3cf;

  --acento-50: #f4f6fb;
  --acento-100: #e7ebf3;
  --acento-200: #d1d7e5;
  --acento-300: #b5bfd2;
  --acento-400: #96a4bc;
  --acento-500: #7e8ea9;
  --acento-600: #61708a;
  --acento-700: #4a586e;
  --acento-800: #354052;
  --acento-900: #222a38;
  --neutro-50: #f6f6f8;
  --neutro-100: #eaebee;
  --neutro-200: #d5d7db;
  --neutro-300: #bbbec4;
  --neutro-400: #9fa3ab;
  --neutro-500: #858991;
  --neutro-600: #6c7078;
  --neutro-700: #54575e;
  --neutro-800: #3d4045;
  --neutro-900: #282a2e;

  --boton: #7e8ea9;
  --boton-encima: #6c7c96;
  --boton-pulsado: #5f6a7e;
  --boton-apagado: #d1d3d8;
  --foco: #638fc8;

  --exito: #457942;
  --aviso: #9e8b48;
  --error: #a45747;
  --info: #3670ac;
}

@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #1f2226;
    --superficie: #2b2e34;
    --borde: #43474e;
    --texto: #eceef1;
    --tinta: #eceef1;
    --texto-suave: #afb1b4;
    --acento: #8797b2;
    --acento-texto: #222427;
  }
}

La misma lámina, de noche

/* Combinación 262 de Wada — bluenze.com/paletas */
:root {
  --fondo: #fdf4e4;
  --superficie: #efd8a8;
  --texto: #1f261d;
  --tinta: #1f261d;
  --texto-suave: #5d665a;
  --titular: #43763b;
  --acento: #929202;
  --acento-texto: #1f261d;
  --enlace: #727305;
  --borde: #dcd0bb;
  --apoyo-1: #d84c5a;

  /* la lámina de Wada, tal cual */
  --lamina-1: #d84c5a;
  --lamina-2: #efd8a8;
  --lamina-3: #b9b826;
  --lamina-4: #43763b;

  --acento-50: #faf7e3;
  --acento-100: #f1ecca;
  --acento-200: #dfd9a1;
  --acento-300: #c7c171;
  --acento-400: #aaa73d;
  --acento-500: #929202;
  --acento-600: #747307;
  --acento-700: #5a5a02;
  --acento-800: #424202;
  --acento-900: #2d2b01;
  --neutro-50: #f7f6f5;
  --neutro-100: #ebebe8;
  --neutro-200: #d8d7d3;
  --neutro-300: #bfbeb8;
  --neutro-400: #a5a39c;
  --neutro-500: #8b8980;
  --neutro-600: #717067;
  --neutro-700: #585750;
  --neutro-800: #41403a;
  --neutro-900: #2b2a26;

  --boton: #929202;
  --boton-encima: #807f0a;
  --boton-pulsado: #6e6d08;
  --boton-apagado: #d7d4c1;
  --foco: #92920c;

  --exito: #097f20;
  --aviso: #a38a0a;
  --error: #c1412e;
  --info: #0870ba;
}

@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #232215;
    --superficie: #302f1f;
    --borde: #4a4734;
    --texto: #f0eee4;
    --tinta: #f0eee4;
    --texto-suave: #b3b1a6;
    --acento: #9b9b14;
    --acento-texto: #252419;
  }
}

La misma lámina, de día

/* Complementaria — bluenze.com/paletas */
:root {
  --fondo: #252027;
  --superficie: #3b2d42;
  --texto: #edeeed;
  --tinta: #edeeed;
  --texto-suave: #b0b1b0;
  --titular: #f0f5ee;
  --acento: #816190;
  --acento-texto: #f9f5fb;
  --enlace: #a180b0;
  --borde: #4b454e;
  --apoyo-1: #4f7a3a;

  /* la lámina, tal cual */
  --lamina-1: #4f7a3a;
  --lamina-2: #41254f;
  --lamina-3: #f0f5ee;
  --lamina-4: #2e2035;

  --acento-50: #fbf4fd;
  --acento-100: #f2e7f6;
  --acento-200: #e2d1e9;
  --acento-300: #ceb6d8;
  --acento-400: #b699c4;
  --acento-500: #9e7dad;
  --acento-600: #816190;
  --acento-700: #684d75;
  --acento-800: #4d3858;
  --acento-900: #34243c;
  --neutro-50: #f7f6f7;
  --neutro-100: #eceaed;
  --neutro-200: #d9d6da;
  --neutro-300: #c1bdc2;
  --neutro-400: #a6a1a8;
  --neutro-500: #8d878f;
  --neutro-600: #736e75;
  --neutro-700: #5a565c;
  --neutro-800: #423f44;
  --neutro-900: #2c292d;

  --boton: #816190;
  --boton-encima: #9372a3;
  --boton-pulsado: #a386b1;
  --boton-apagado: #3c373e;
  --foco: #8b58a5;

  --exito: #83b87e;
  --aviso: #cbb570;
  --error: #ea9582;
  --info: #7daef0;
}

@media (prefers-color-scheme: light) {
  :root {
    --fondo: #f9f3fb;
    --superficie: #eee5f1;
    --borde: #d9cedd;
    --texto: #262228;
    --tinta: #262228;
    --texto-suave: #676169;
    --acento: #816190;
    --acento-texto: #f9f5fa;
  }
}

La misma lámina, de noche

/* Análoga — bluenze.com/paletas */
:root {
  --fondo: #f3f6f2;
  --superficie: #dfe4dd;
  --texto: #1e251f;
  --tinta: #1e251f;
  --texto-suave: #5c665c;
  --titular: #24582d;
  --acento: #4f7a3a;
  --acento-texto: #f6f7f5;
  --enlace: #4f7a3a;
  --borde: #d0d2cf;
  --apoyo-1: #8b9757;

  /* la lámina, tal cual */
  --lamina-1: #8b9757;
  --lamina-2: #4f7a3a;
  --lamina-3: #24582d;
  --lamina-4: #f0f5ee;

  --acento-50: #f2f9ed;
  --acento-100: #e2efda;
  --acento-200: #c9ddbc;
  --acento-300: #aac799;
  --acento-400: #88ae73;
  --acento-500: #699452;
  --acento-600: #4f7a3a;
  --acento-700: #3c602a;
  --acento-800: #2a471c;
  --acento-900: #192f0e;
  --neutro-50: #f6f7f5;
  --neutro-100: #eaebe9;
  --neutro-200: #d5d8d4;
  --neutro-300: #bcbfba;
  --neutro-400: #a0a49d;
  --neutro-500: #858a82;
  --neutro-600: #6c7169;
  --neutro-700: #545852;
  --neutro-800: #3e413c;
  --neutro-900: #282b27;

  --boton: #4f7a3a;
  --boton-encima: #3e682a;
  --boton-pulsado: #315620;
  --boton-apagado: #aeb5aa;
  --foco: #397e1d;

  --exito: #41793f;
  --aviso: #9f8a42;
  --error: #a85545;
  --info: #2b70b1;
}

@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #1c2418;
    --superficie: #283123;
    --borde: #3f4a39;
    --texto: #ebefe8;
    --tinta: #ebefe8;
    --texto-suave: #adb2aa;
    --acento: #76a25f;
    --acento-texto: #20251e;
  }
}

La misma lámina, de día

/* Monocroma con acento — bluenze.com/paletas */
:root {
  --fondo: #1d2418;
  --superficie: #1e3513;
  --texto: #edeeec;
  --tinta: #edeeec;
  --texto-suave: #afb1ae;
  --titular: #dfedd9;
  --acento: #855e96;
  --acento-texto: #f3f8f1;
  --enlace: #a57cb6;
  --borde: #41493b;
  --apoyo-1: #4f7a3a;

  /* la lámina, tal cual */
  --lamina-1: #1e3513;
  --lamina-2: #4f7a3a;
  --lamina-3: #dfedd9;
  --lamina-4: #442154;

  --acento-50: #fbf4fe;
  --acento-100: #f4e7f8;
  --acento-200: #e5d0ed;
  --acento-300: #d1b4dc;
  --acento-400: #bb96c9;
  --acento-500: #a37ab4;
  --acento-600: #855e96;
  --acento-700: #6c4b7a;
  --acento-800: #50365c;
  --acento-900: #36223f;
  --neutro-50: #f7f6f7;
  --neutro-100: #eceaed;
  --neutro-200: #d9d6da;
  --neutro-300: #c1bdc2;
  --neutro-400: #a7a1a8;
  --neutro-500: #8d878f;
  --neutro-600: #736e75;
  --neutro-700: #5a565c;
  --neutro-800: #423f44;
  --neutro-900: #2c292d;

  --boton: #855e96;
  --boton-encima: #986fa9;
  --boton-pulsado: #a883b7;
  --boton-apagado: #3d373f;
  --foco: #8f54ab;

  --exito: #83b87e;
  --aviso: #cbb570;
  --error: #ea9582;
  --info: #7daef0;
}

@media (prefers-color-scheme: light) {
  :root {
    --fondo: #faf3fd;
    --superficie: #efe5f2;
    --borde: #dbcddf;
    --texto: #272228;
    --tinta: #272228;
    --texto-suave: #68616a;
    --acento: #855e96;
    --acento-texto: #faf5fb;
  }
}