Color palette: Bright light pink, Bright light orange, Bright violet, Bright yellow, Bright sky blue
Press Space for a new palette. Lock the colors you like and the rest follow them.
Style
- F99ED4Bright light pink
- F59A62Bright light orange
- A285F1Bright violet
- A49D2EBright yellow
- 2F8BB2Bright sky blue
Space for a new palette, Ctrl+Z to undo, click a color to edit it.
Export
Export
Values
:root {
--plum: oklch(80.649% 0.12642 343.878);
--dark-orange: oklch(76.791% 0.13069 51.345);
--amethyst: oklch(68.922% 0.15608 294.303);
--camel: oklch(68.182% 0.12837 105.716);
--steel-blue: oklch(60.035% 0.10278 230.438);
}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: 2
Open in the simulatorColors in this palette
| Name | HEX | RGB | OKLCH |
|---|---|---|---|
| Bright light pink | #f99ed4 | rgb(249 158 212) | oklch(80.649% 0.12642 343.878) |
| Bright light orange | #f59a62 | rgb(245 154 98) | oklch(76.791% 0.13069 51.345) |
| Bright violet | #a285f1 | rgb(162 133 241) | oklch(68.922% 0.15608 294.303) |
| Bright yellow | #a49d2e | rgb(164 157 46) | oklch(68.182% 0.12837 105.716) |
| Bright sky blue | #2f8bb2 | rgb(47 139 178) | oklch(60.035% 0.10278 230.438) |