Bleu Horizon

RE0074 / Ressource
#7098B0

The blue-grey of the distant horizon where sea meets sky. A soft, atmospheric blue that recedes and calms.

Spec Sheet

Hex#7098B0
RGB112, 152, 176
HSL203°, 29%, 56%
On White 3.08:1 AA Large
On Black 6.81:1 AA

For AI Tools

Copy this snippet and paste it into any AI tool
Use these colors for all components:

Background: #EAEEF0
Text: #253037
Accent: #7098B0
Support: #AE6E47
Neutral: #B3B7D0

Rules:
- Use Background for surfaces and canvas
- Use Ink for body text and icons
- Never use Accent as body text — contrast is too low
- Maintain 4.5:1 minimum contrast for normal text
Learn more about AI Palette

Design System from Bleu Horizon Palettes are free. Exports aren't.

#EAEEF0 background RGB 234 238 240
#253037 ink RGB 37 48 55
#7098B0 accent RGB 112 152 176
#AE6E47 support RGB 174 110 71
#B3B7D0 neutral RGB 179 183 208
Processed in 0ms

CSS Variables

:root {
  --palette-background: #EAEEF0;
  --palette-ink: #253037;
  --palette-accent: #7098B0;
  --palette-support: #AE6E47;
  --palette-neutral: #B3B7D0;
}

Tailwind Config

{
  "palette-background": "#EAEEF0",
  "palette-ink": "#253037",
  "palette-accent": "#7098B0",
  "palette-support": "#AE6E47",
  "palette-neutral": "#B3B7D0"
}

Pro Exports Pro

Color Blindness Simulation

#8D97B1
Protanopia
#8490B0
Deuteranopia
#5A9EA0
Tritanopia

Build a design system around Bleu Horizon.