Approaching Storm

CSP-535 / Benjamin Moore
#4B4A5C

This subtle purple carries twilight depth, shifting between moody and regal in different light.

Spec Sheet

Hex#4B4A5C
RGB75, 74, 92
HSL243°, 11%, 33%
On White 8.63:1 AAA
On Black 2.43:1 Fail

For AI Tools

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

Background: #E9E8ED
Text: #1C1B2D
Accent: #4B4A5C
Support: #B7BB72
Neutral: #C3B4CF

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

#E9E8ED background RGB 233 232 237
#1C1B2D ink RGB 28 27 45
#4B4A5C accent RGB 75 74 92
#B7BB72 support RGB 183 187 114
#C3B4CF neutral RGB 195 180 207
Processed in 0ms

CSS Variables

:root {
  --palette-background: #E9E8ED;
  --palette-ink: #1C1B2D;
  --palette-accent: #4B4A5C;
  --palette-support: #B7BB72;
  --palette-neutral: #C3B4CF;
}

Tailwind Config

{
  "palette-background": "#E9E8ED",
  "palette-ink": "#1C1B2D",
  "palette-accent": "#4B4A5C",
  "palette-support": "#B7BB72",
  "palette-neutral": "#C3B4CF"
}

Pro Exports Pro

Color Blindness Simulation

#464C5D
Protanopia
#464B5B
Deuteranopia
#484D50
Tritanopia

Build a design system around Approaching Storm.