Bali Bliss

PPU13-5 / Behr
#5E9EA1

A deep blue that balances cool clarity with emotional warmth. Works in coastal, traditional, and modern schemes.

Spec Sheet

Hex#5E9EA1
RGB94, 158, 161
HSL183°, 26%, 50%
On White 3.05:1 AA Large
On Black 6.88:1 AA

For AI Tools

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

Background: #E5EBEB
Text: #212B2C
Accent: #5E9EA1
Support: #82524F
Neutral: #B5BCC5

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

#E5EBEB background RGB 229 235 235
#212B2C ink RGB 33 43 44
#5E9EA1 accent RGB 94 158 161
#82524F support RGB 130 82 79
#B5BCC5 neutral RGB 181 188 197
Processed in 0ms

CSS Variables

:root {
  --palette-background: #E5EBEB;
  --palette-ink: #212B2C;
  --palette-accent: #5E9EA1;
  --palette-support: #82524F;
  --palette-neutral: #B5BCC5;
}

Tailwind Config

{
  "palette-background": "#E5EBEB",
  "palette-ink": "#212B2C",
  "palette-accent": "#5E9EA1",
  "palette-support": "#82524F",
  "palette-neutral": "#B5BCC5"
}

Pro Exports Pro

Color Blindness Simulation

#9699A1
Protanopia
#8A90A1
Deuteranopia
#40A29F
Tritanopia

Build a design system around Bali Bliss.