La paleta combina fondos claros, azules de lectura y acentos cálidos. Las superficies crema y las fotografías amplias dan espacio al contenido. Los azules oscuros sostienen la lectura; naranja y amarillo destacan acciones y momentos concretos. No se fija un porcentaje universal de ocupación.
Paleta y función#
| Color | HEX | RGB | Función |
|---|---|---|---|
| Crema editorial | #F7F5EF | 247, 245, 239 | Fondo claro principal |
| Azul profundo | #102C43 | 16, 44, 67 | Texto principal y secciones oscuras |
| Azul de marca | #1E4D8C | 30, 77, 140 | Identidad corporativa y recursos de apoyo |
| Naranja | #FF7A00 | 255, 122, 0 | Acciones y detalles |
| Amarillo | #FFC628 | 255, 198, 40 | Newsletter, llamadas destacadas y acentos |
| Azul de cierre | #0A2438 | 10, 36, 56 | Pies y cierres oscuros |
| Arena | #EEEBE2 | 238, 235, 226 | Superficies secundarias |
| Blanco | #FFFFFF | 255, 255, 255 | Texto sobre oscuro y superficies que lo necesiten |
Las nuevas piezas utilizan la paleta de esta tabla. En plantillas existentes pueden mantenerse los apoyos azul claro #D6E4F5 y naranja claro #FFE8D6.
El texto secundario puede usar #587080 sobre crema. Los verdes #E5ECE1 y #12392F sirven como apoyos contextuales en contenidos de naturaleza. Los naranjas #FF8A19 y #FFAB52 son variantes para estados de interacción. No recolorean el logo.
Combinaciones#
- Crema con texto azul profundo: lectura principal.
- Azul profundo o azul de cierre con texto blanco: bloques oscuros y cierre.
- Amarillo con texto azul profundo: newsletter y llamadas destacadas.
- Naranja con texto blanco: botones, recuadros y superficies de acción.
- Fotografía con texto blanco: solo donde el encuadre y una protección localizada permitan leer.
El amarillo puede ocupar un módulo entero. No se utiliza como texto pequeño sobre crema. En cualquier recuadro, botón o bloque con fondo naranja, el texto, los iconos y las flechas se presentan en blanco (#FFFFFF). Esta regla también se aplica a los estados de interacción. Los títulos de sección y subsección, los títulos de los bloques del índice general y las flechas de sus enlaces utilizan naranja sobre el fondo crema. El título principal de cada página mantiene el azul profundo.
Contrastes calculados entre colores planos: azul profundo/crema 13,16:1; azul profundo/amarillo 9,13:1; azul profundo/naranja 5,49:1; blanco/naranja 2,61:1. Revisa el contraste en el tamaño y soporte final de cada pieza.
Las marcas de entidades y los ODS mantienen sus colores propios.
Colores de los archivos de identidad#
El fondo del isotipo azul original es #1E4D8C, el azul de marca de esta paleta. Conservamos los colores internos y el contorno blanco de cada archivo de identidad. El amarillo de interfaz #FFC628 no recolorea las mejillas ni la llama del isotipo. Las variantes del logo completo y del logotipo de texto se consultan juntas en Logotipo principal y variantes.