Rose Colored

SW 6303 / Sherwin-Williams
#DCB6B5

A blushing, muted pink tone perfect for grounding a colour scheme.

Spec Sheet

Hex#DCB6B5
RGB220, 182, 181
HSL2°, 36%, 79%
On White 1.84:1 Fail
On Black 11.4:1 AAA

For AI Tools

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

Background: #F4F0F0
Text: #2B1817
Accent: #DCB6B5
Support: #568E8F
Neutral: #C4B8AB

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

#F4F0F0 background RGB 244 240 240
#2B1817 ink RGB 43 24 23
#DCB6B5 accent RGB 220 182 181
#568E8F support RGB 86 142 143
#C4B8AB neutral RGB 196 184 171
Processed in 0ms

CSS Variables

:root {
  --palette-background: #F4F0F0;
  --palette-ink: #2B1817;
  --palette-accent: #DCB6B5;
  --palette-support: #568E8F;
  --palette-neutral: #C4B8AB;
}

Tailwind Config

{
  "palette-background": "#F4F0F0",
  "palette-ink": "#2B1817",
  "palette-accent": "#DCB6B5",
  "palette-support": "#568E8F",
  "palette-neutral": "#C4B8AB"
}

Pro Exports Pro

Color Blindness Simulation

#BDBBB5
Protanopia
#C5C2B5
Deuteranopia
#E5B2B6
Tritanopia

Build a design system around Rose Colored.