#FFFFFFWhite
#EDEDEDFrost
#E63946Vermilion
#1D1D1DRaisin

Scarlet Minimal color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Scarlet Minimal is a muted neutral-based color palette tagged minimal, white, red. Vermilion is the only saturated color here, so it does all the talking against a neutral base. Every color is softened, so it works well as a background system for text-heavy layouts.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
White#FFFFFFrgb(255, 255, 255)hsl(0, 0%, 100%)oklch(100.0% 0.000 0)
Frost#EDEDEDrgb(237, 237, 237)hsl(0, 0%, 93%)oklch(94.6% 0.000 0)
Vermilion#E63946rgb(230, 57, 70)hsl(355, 78%, 56%)oklch(61.2% 0.208 22)
Raisin#1D1D1Drgb(29, 29, 29)hsl(0, 0%, 11%)oklch(23.1% 0.000 0)

Why it works and how to use it

The palette holds together thanks to its neutral backbone and a strong light-to-dark ladder (100% down to 11% lightness). A natural fit for websites, presentations and branding.

  • Background: White (#FFFFFF) is the lightest color, so it belongs on large surfaces.
  • Text: Raisin (#1D1D1D) on #FFFFFF gives 16.86:1, passing WCAG AAA.
  • Primary: Vermilion (#E63946) is the most saturated mid-tone; use it for buttons and links (4.17:1 against the background, fine for UI elements).
  • Accent: Frost (#EDEDED) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is White on Raisin at 16.86:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Scarlet Minimal

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary
Card title
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#FFFFFF
#EDEDED
#E63946
#1D1D1D

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#FFFFFF on #1D1D1DAa16.86:1AAA
#EDEDED on #1D1D1DAa14.4:1AAA
#FFFFFF on #E63946Aa4.17:1AA large only
#E63946 on #1D1D1DAa4.04:1AA large only
#EDEDED on #E63946Aa3.56:1AA large only
#FFFFFF on #EDEDEDAa1.17:1Fail

Similar palettes 24 more in this mood