Citron

Name: Citron
Brand: Farrow & Ball

No.74 / Farrow & Ball

#F5D27B

A vibrant, lemony yellow bursting with cheerful energy. Bold and sunny, it transforms rooms with instant warmth and optimism.

Spec Sheet

Hex#F5D27B

RGB245, 210, 123

HSL43°, 86%, 72%

On White 1.46:1 Fail

On Black 14.39:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #F7F6F3
Text: #1F1B0E
Accent: #F5D27B
Support: #4E6AB1
Neutral: #BCBFB0

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

#F7F6F3 background RGB 247 246 243

#1F1B0E ink RGB 31 27 14

#F5D27B accent RGB 245 210 123

#4E6AB1 support RGB 78 106 177

#BCBFB0 neutral RGB 188 191 176

Processed in 0ms

CSS Variables

:root {
  --palette-background: #F7F6F3;
  --palette-ink: #1F1B0E;
  --palette-accent: #F5D27B;
  --palette-support: #4E6AB1;
  --palette-neutral: #BCBFB0;
}

Tailwind Config

{
  "palette-background": "#F7F6F3",
  "palette-ink": "#1F1B0E",
  "palette-accent": "#F5D27B",
  "palette-support": "#4E6AB1",
  "palette-neutral": "#BCBFB0"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Citron.