Hilo Bay

PPU15-09 / Behr
#758AA2

A subtle blue with quiet confidence. Creates restful bedrooms and focused home offices.

Spec Sheet

Hex#758AA2
RGB117, 138, 162
HSL212°, 19%, 55%
On White 3.55:1 AA Large
On Black 5.91:1 AA

For AI Tools

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

Background: #F0F2F5
Text: #1C2A3B
Accent: #758AA2
Support: #A68259
Neutral: #B7B6D2

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 Hilo Bay Palettes are free. Exports aren't.

#F0F2F5 background RGB 240 242 245
#1C2A3B ink RGB 28 42 59
#758AA2 accent RGB 117 138 162
#A68259 support RGB 166 130 89
#B7B6D2 neutral RGB 183 182 210
Processed in 0ms

CSS Variables

:root {
  --palette-background: #F0F2F5;
  --palette-ink: #1C2A3B;
  --palette-accent: #758AA2;
  --palette-support: #A68259;
  --palette-neutral: #B7B6D2;
}

Tailwind Config

{
  "palette-background": "#F0F2F5",
  "palette-ink": "#1C2A3B",
  "palette-accent": "#758AA2",
  "palette-support": "#A68259",
  "palette-neutral": "#B7B6D2"
}

Pro Exports Pro

Color Blindness Simulation

#818AA3
Protanopia
#7C86A2
Deuteranopia
#688F92
Tritanopia

Build a design system around Hilo Bay.