Skip to the color picker

Color palette: Bright light yellow, Bright light blue

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

Style
  1. DFBB4CBright light yellow
  2. A2BAFFBright light blue

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

Export

Export
Values
:root {
    --amber: oklch(80.327% 0.13393 90.971);
    --baby-blue: oklch(79.656% 0.102 269.257);
}

Checks

Readable text pairs

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

Pairs that merge for color-blind people: 1

Open in the simulator

Colors in this palette

NameHEXRGBOKLCH
Bright light yellow#dfbb4crgb(223 187 76)oklch(80.327% 0.13393 90.971)
Bright light blue#a2baffrgb(162 186 255)oklch(79.656% 0.102 269.257)