#FDFDFDWhite
#FFD6E8Ballet
#84A100Basil
#1A1A1ALicorice

Basil & Ballet Trail color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Basil & Ballet Trail is a split color palette tagged modern, minimal, white. A split scheme: Ballet plays against Basil across roughly 97° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
White#FDFDFDrgb(253, 253, 253)hsl(0, 0%, 99%)oklch(99.4% 0.000 0)
Ballet#FFD6E8rgb(255, 214, 232)hsl(334, 100%, 92%)oklch(91.6% 0.051 350)
Basil#84A100rgb(132, 161, 0)hsl(71, 100%, 32%)oklch(66.3% 0.160 122)
Licorice#1A1A1Argb(26, 26, 26)hsl(0, 0%, 10%)oklch(21.8% 0.000 0)

Why it works and how to use it

Two of the four colors are near-neutral, which leaves room for Ballet to lead. Lightness runs from 10% to 99%. Well suited to websites, presentations and branding.

  • Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
  • Text: Licorice (#1A1A1A) on #FDFDFD gives 17.11:1, passing WCAG AAA.
  • Primary: Ballet (#FFD6E8) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Basil (#84A100) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is White on Licorice at 17.11:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Basil & Ballet Trail

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

#FDFDFD
#FFD6E8
#84A100
#1A1A1A

Color-blind check: under deuteranopia, White and Ballet become hard to tell apart, so do not rely on that pair alone to carry meaning.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#FDFDFD on #1A1A1AAa17.11:1AAA
#FFD6E8 on #1A1A1AAa13.29:1AAA
#84A100 on #1A1A1AAa5.87:1AA
#FDFDFD on #84A100Aa2.92:1Fail
#FFD6E8 on #84A100Aa2.27:1Fail
#FDFDFD on #FFD6E8Aa1.29:1Fail

Similar palettes 24 more in this mood