Cool Avocado

SW 9029 / Sherwin-Williams
#C4B47D

A bright, muted yellow value that reads differently in every light condition.

Spec Sheet

Hex#C4B47D
RGB196, 180, 125
HSL46°, 38%, 63%
On White 2.06:1 Fail
On Black 10.17:1 AAA

For AI Tools

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

Background: #F2F1EE
Text: #292415
Accent: #C4B47D
Support: #4D5F99
Neutral: #D6DCC6

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

#F2F1EE background RGB 242 241 238
#292415 ink RGB 41 36 21
#C4B47D accent RGB 196 180 125
#4D5F99 support RGB 77 95 153
#D6DCC6 neutral RGB 214 220 198
Processed in 0ms

CSS Variables

:root {
  --palette-background: #F2F1EE;
  --palette-ink: #292415;
  --palette-accent: #C4B47D;
  --palette-support: #4D5F99;
  --palette-neutral: #D6DCC6;
}

Tailwind Config

{
  "palette-background": "#F2F1EE",
  "palette-ink": "#292415",
  "palette-accent": "#C4B47D",
  "palette-support": "#4D5F99",
  "palette-neutral": "#D6DCC6"
}

Pro Exports Pro

Color Blindness Simulation

#BFB179
Protanopia
#C3B77F
Deuteranopia
#CFACA6
Tritanopia

Build a design system around Cool Avocado.