Skip to the color picker
PickShade

Color palette: Pastel very light yellow, Pastel very light lime, Ivory, Pastel very light emerald, Soft light orange

Press Space for a new palette. Lock the colors you like and the rest follow them.

Style
  1. E3E9A5Pastel very light yellow
  2. CBE7B5Pastel very light lime
  3. FFFFF0Ivory
  4. A9DCC3Pastel very light emerald
  5. D9B5A3Soft light orange

Space for a new palette, Ctrl+Z to undo, click a color to edit it.

Export

Export
Values
:root {
    --vanilla: oklch(91.34% 0.08771 112.232);
    --vanilla-2: oklch(89.47% 0.0729 131.601);
    --ivory: oklch(99.598% 0.01962 106.751);
    --light-blue: oklch(85.194% 0.06325 163.503);
    --tan: oklch(79.993% 0.04873 48.09);
}

Checks

Readable text pairs

No pair reaches 4.5:1 for body text. Add a much darker or lighter color.

Every color stays distinguishable for color-blind people.

Open in the simulator

Colors in this palette

NameHEXRGBOKLCH
Pastel very light yellow#e3e9a5rgb(227 233 165)oklch(91.34% 0.08771 112.232)
Pastel very light lime#cbe7b5rgb(203 231 181)oklch(89.47% 0.0729 131.601)
Ivory#fffff0rgb(255 255 240)oklch(99.598% 0.01962 106.751)
Pastel very light emerald#a9dcc3rgb(169 220 195)oklch(85.194% 0.06325 163.503)
Soft light orange#d9b5a3rgb(217 181 163)oklch(79.993% 0.04873 48.09)