Amethyst Phlox

Name: Amethyst Phlox
Brand: Behr

660F-5 / Behr

#9396BE

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

Spec Sheet

Hex#9396BE

RGB147, 150, 190

HSL236°, 25%, 66%

On White 2.86:1 Fail

On Black 7.35:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #F1F1F4
Text: #1D1E2F
Accent: #9396BE
Support: #B4AD50
Neutral: #BBAECB

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

#F1F1F4 background RGB 241 241 244

#1D1E2F ink RGB 29 30 47

#9396BE accent RGB 147 150 190

#B4AD50 support RGB 180 173 80

#BBAECB neutral RGB 187 174 203

Processed in 0ms

CSS Variables

:root {
  --palette-background: #F1F1F4;
  --palette-ink: #1D1E2F;
  --palette-accent: #9396BE;
  --palette-support: #B4AD50;
  --palette-neutral: #BBAECB;
}

Tailwind Config

{
  "palette-background": "#F1F1F4",
  "palette-ink": "#1D1E2F",
  "palette-accent": "#9396BE",
  "palette-support": "#B4AD50",
  "palette-neutral": "#BBAECB"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Amethyst Phlox.