Color palette: Bright light yellow, Bright light emerald, Bright light orange, Bright sky blue, Neon pink
Press Space for a new palette. Lock the colors you like and the rest follow them.
Style
- CDC424Bright light yellow
- 29C793Bright light emerald
- F98A5EBright light orange
- 119AC2Bright sky blue
- E727A8Neon pink
Space for a new palette, Ctrl+Z to undo, click a color to edit it.
Export
Export
Values
:root {
--amber: oklch(80.265% 0.16315 106.027);
--emerald: oklch(73.923% 0.14666 164.879);
--coral: oklch(74.583% 0.14743 41.877);
--steel-blue: oklch(63.932% 0.11856 225.288);
--rose: oklch(62.981% 0.24672 345.888);
}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 yellow | #cdc424 | rgb(205 196 36) | oklch(80.265% 0.16315 106.027) |
| Bright light emerald | #29c793 | rgb(41 199 147) | oklch(73.923% 0.14666 164.879) |
| Bright light orange | #f98a5e | rgb(249 138 94) | oklch(74.583% 0.14743 41.877) |
| Bright sky blue | #119ac2 | rgb(17 154 194) | oklch(63.932% 0.11856 225.288) |
| Neon pink | #e727a8 | rgb(231 39 168) | oklch(62.981% 0.24672 345.888) |