North Star

Name: North Star
Brand: Benjamin Moore

288 / Benjamin Moore

#F4EDCC

A delicate, assured yellow that reads as sunshine filtered through linen.

Spec Sheet

Hex#F4EDCC

RGB244, 237, 204

HSL50°, 65%, 88%

On White 1.18:1 Fail

On Black 17.83:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #ECEBE4
Text: #1A180F
Accent: #F4EDCC
Support: #7A85B8
Neutral: #C8CFBA

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

#ECEBE4 background RGB 236 235 228

#1A180F ink RGB 26 24 15

#F4EDCC accent RGB 244 237 204

#7A85B8 support RGB 122 133 184

#C8CFBA neutral RGB 200 207 186

Processed in 0ms

CSS Variables

:root {
  --palette-background: #ECEBE4;
  --palette-ink: #1A180F;
  --palette-accent: #F4EDCC;
  --palette-support: #7A85B8;
  --palette-neutral: #C8CFBA;
}

Tailwind Config

{
  "palette-background": "#ECEBE4",
  "palette-ink": "#1A180F",
  "palette-accent": "#F4EDCC",
  "palette-support": "#7A85B8",
  "palette-neutral": "#C8CFBA"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around North Star.