# Paleta: Océano profundo

El contraste entre azules profundos y turquesas claros evoca la calma y la amplitud del mar. Funciona bien en marcas de tecnología, salud y bienestar que buscan transmitir confianza y frescura.

## Colores y roles sugeridos

| Nombre | Hex | Rol sugerido | Texto legible encima |
|--------|-----|--------------|----------------------|
| Azul marino | #0B3D91 | Texto principal | #F4F9F9 |
| Turquesa | #00A8CC | Acento | #F4F9F9 |
| Espuma | #B8E3E9 |  | #0B3D91 |
| Neblina | #F4F9F9 | Fondo | #0B3D91 |

## Variables CSS

```css
:root {
  --color-azul-marino: #0B3D91;
  --color-turquesa: #00A8CC;
  --color-espuma: #B8E3E9;
  --color-neblina: #F4F9F9;
}
```

## Combinaciones sugeridas

- Fondo #F4F9F9 + texto #0B3D91: para bloques de lectura.
- Acento #00A8CC sobre fondo #F4F9F9: para botones y llamados a la acción.

## Para agentes (Claude Code / Codex)

```text
Aplica la paleta "Océano profundo" a este diseño.
Colores: #0B3D91=Azul marino, #00A8CC=Turquesa, #B8E3E9=Espuma, #F4F9F9=Neblina.
Usa #F4F9F9 como fondo, #0B3D91 como texto principal y #00A8CC como acento de acción.
No inventes tonos nuevos ni cambies los hex.
```