Colores que combinan con el naranja

La misma lámina, de noche

/* Combinación 222 de Wada — bluenze.com/paletas */
:root {
  --fondo: #fef4e4;
  --superficie: #e6b730;
  --texto: #2c211a;
  --tinta: #2c211a;
  --texto-suave: #716055;
  --titular: #b05908;
  --acento: #c27b00;
  --acento-texto: #2c211a;
  --enlace: #986007;
  --borde: #dcd0bb;

  /* la lámina de Wada, tal cual */
  --lamina-1: #e6b730;
  --lamina-2: #f59c00;
  --lamina-3: #c46715;

  --acento-50: #fff5eb;
  --acento-100: #ffe7d0;
  --acento-200: #fccfa0;
  --acento-300: #edb370;
  --acento-400: #d9953c;
  --acento-500: #c27b00;
  --acento-600: #9c6308;
  --acento-700: #7b4d03;
  --acento-800: #5b3802;
  --acento-900: #3d2501;
  --neutro-50: #f8f6f5;
  --neutro-100: #edebe8;
  --neutro-200: #dad6d3;
  --neutro-300: #c3bdb8;
  --neutro-400: #a9a29c;
  --neutro-500: #8f8881;
  --neutro-600: #756e68;
  --neutro-700: #5c5650;
  --neutro-800: #443f3a;
  --neutro-900: #2d2926;

  --boton: #c27b00;
  --boton-encima: #a96b07;
  --boton-pulsado: #915c05;
  --boton-apagado: #dfcebe;
  --foco: #c17c0d;

  --exito: #037f1f;
  --aviso: #a38a05;
  --error: #c43d2a;
  --info: #0a70b9;
}

@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #292016;
    --superficie: #382c1f;
    --borde: #534435;
    --texto: #f5ece5;
    --tinta: #f5ece5;
    --texto-suave: #b8afa6;
    --acento: #cf8615;
    --acento-texto: #2b2219;
  }
}

La misma lámina, de noche

/* Combinación 244 de Wada — bluenze.com/paletas */
:root {
  --fondo: #fff2f2;
  --superficie: #be9f9e;
  --texto: #1c2529;
  --tinta: #1c2529;
  --texto-suave: #5a656a;
  --titular: #006984;
  --acento: #b54b01;
  --acento-texto: #fcf5f5;
  --enlace: #b44c02;
  --borde: #dececd;
  --apoyo-1: #728179;

  /* la lámina de Wada, tal cual */
  --lamina-1: #be9f9e;
  --lamina-2: #c75b16;
  --lamina-3: #728179;
  --lamina-4: #006984;

  --acento-50: #f6f6f6;
  --acento-100: #fee6db;
  --acento-200: #ffcdb3;
  --acento-300: #ffaa7c;
  --acento-400: #ef884e;
  --acento-500: #d96925;
  --acento-600: #b54b01;
  --acento-700: #933d03;
  --acento-800: #6e2c01;
  --acento-900: #481e00;
  --neutro-50: #f8f6f5;
  --neutro-100: #eeeae9;
  --neutro-200: #dbd6d4;
  --neutro-300: #c4bdb9;
  --neutro-400: #aaa19d;
  --neutro-500: #918782;
  --neutro-600: #776e69;
  --neutro-700: #5e5551;
  --neutro-800: #453f3b;
  --neutro-900: #2e2926;

  --boton: #b54b01;
  --boton-encima: #993f02;
  --boton-pulsado: #7e3303;
  --boton-apagado: #c1aa9f;
  --foco: #b34d09;

  --exito: #0e7f21;
  --aviso: #a38a0f;
  --error: #c63b29;
  --info: #1c70b6;
}

@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #2c1f18;
    --superficie: #3c2a22;
    --borde: #574238;
    --texto: #f7ece6;
    --tinta: #f7ece6;
    --texto-suave: #bbaea8;
    --acento: #e97632;
    --acento-texto: #2d211b;
  }
}

La misma lámina, de noche

/* Complementaria — bluenze.com/paletas */
:root {
  --fondo: #f9f4f1;
  --superficie: #e9e0db;
  --texto: #212428;
  --tinta: #212428;
  --texto-suave: #606368;
  --titular: #10283d;
  --acento: #05568e;
  --acento-texto: #f8f6f5;
  --enlace: #05568e;
  --borde: #d5d1ce;
  --apoyo-1: #d97426;

  /* la lámina, tal cual */
  --lamina-1: #d97426;
  --lamina-2: #05568e;
  --lamina-3: #faf1ec;
  --lamina-4: #10283d;

  --acento-50: #f2f7ff;
  --acento-100: #e1ecff;
  --acento-200: #c6d8f7;
  --acento-300: #a4c0eb;
  --acento-400: #7da5dc;
  --acento-500: #578cc9;
  --acento-600: #3b72ac;
  --acento-700: #05568e;
  --acento-800: #174269;
  --acento-900: #082b4a;
  --neutro-50: #f6f6f8;
  --neutro-100: #eaebee;
  --neutro-200: #d5d7db;
  --neutro-300: #bbbec4;
  --neutro-400: #9fa3ab;
  --neutro-500: #858991;
  --neutro-600: #6b7078;
  --neutro-700: #54575e;
  --neutro-800: #3d4045;
  --neutro-900: #282a2e;

  --boton: #05568e;
  --boton-encima: #0a4572;
  --boton-pulsado: #05355a;
  --boton-apagado: #8f949e;
  --foco: #01568f;

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

@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #1b222d;
    --superficie: #262f3c;
    --borde: #3d4758;
    --texto: #eaeef5;
    --tinta: #eaeef5;
    --texto-suave: #adb1b8;
    --acento: #6699d7;
    --acento-texto: #20242b;
  }
}

La misma lámina, de noche

/* Análoga — bluenze.com/paletas */
:root {
  --fondo: #f9f4f1;
  --superficie: #e9e0db;
  --texto: #262419;
  --tinta: #262419;
  --texto-suave: #676353;
  --titular: #797200;
  --acento: #d5716b;
  --acento-texto: #262419;
  --enlace: #b1524e;
  --borde: #d5d1ce;
  --apoyo-1: #d97426;

  /* la lámina, tal cual */
  --lamina-1: #ff968f;
  --lamina-2: #d97426;
  --lamina-3: #797200;
  --lamina-4: #faf1ec;

  --acento-50: #fff4f3;
  --acento-100: #ffe5e3;
  --acento-200: #ffcbc6;
  --acento-300: #f4aca6;
  --acento-400: #e48b84;
  --acento-500: #d5716b;
  --acento-600: #b0534f;
  --acento-700: #8e3e3b;
  --acento-800: #6c2b29;
  --acento-900: #4b1a19;
  --neutro-50: #f8f6f6;
  --neutro-100: #eeeaea;
  --neutro-200: #dcd6d5;
  --neutro-300: #c5bcbb;
  --neutro-400: #aca19f;
  --neutro-500: #928685;
  --neutro-600: #796d6c;
  --neutro-700: #5f5554;
  --neutro-800: #463e3d;
  --neutro-900: #2f2928;

  --boton: #d5716b;
  --boton-encima: #c05f5a;
  --boton-pulsado: #a7514c;
  --boton-apagado: #e3d0ce;
  --foco: #ed605d;

  --exito: #3d7a3b;
  --aviso: #a08a3c;
  --error: #ab5342;
  --info: #1b70b6;
}

@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #2e1d1c;
    --superficie: #3e2927;
    --borde: #5a413e;
    --texto: #f7ebea;
    --tinta: #f7ebea;
    --texto-suave: #bbaeac;
    --acento: #de7972;
    --acento-texto: #2d2120;
  }
}

La misma lámina, de noche

/* Monocroma con acento — bluenze.com/paletas */
:root {
  --fondo: #fff3eb;
  --superficie: #ffe1cf;
  --texto: #2b221d;
  --tinta: #2b221d;
  --texto-suave: #6d615b;
  --titular: #4a2000;
  --acento: #005690;
  --acento-texto: #fcf5f2;
  --enlace: #005690;
  --borde: #decfc6;
  --apoyo-1: #d97426;

  /* la lámina, tal cual */
  --lamina-1: #4a2000;
  --lamina-2: #d97426;
  --lamina-3: #ffe1cf;
  --lamina-4: #005690;

  --acento-50: #f2f7ff;
  --acento-100: #e1ecff;
  --acento-200: #c6d8f8;
  --acento-300: #a4c0ec;
  --acento-400: #7da5de;
  --acento-500: #568ccb;
  --acento-600: #3a72ae;
  --acento-700: #005690;
  --acento-800: #16426b;
  --acento-900: #072b4b;
  --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: #005690;
  --boton-encima: #074574;
  --boton-pulsado: #02355b;
  --boton-apagado: #8f949f;
  --foco: #005690;

  --exito: #457942;
  --aviso: #9e8b47;
  --error: #a45747;
  --info: #3570ad;
}

@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #1b222d;
    --superficie: #262f3c;
    --borde: #3d4758;
    --texto: #eaeef5;
    --tinta: #eaeef5;
    --texto-suave: #adb1b9;
    --acento: #6599d9;
    --acento-texto: #20242b;
  }
}