Pop Rocks is a 4-colour palette combining Watermelon, Amber, Tiffany Blue and Cobalt. The mix of hues gives you natural accent colours — pick one dominant shade and use the others sparingly.
Colour codes
| Colour | HEX | RGB | HSL | CMYK |
|---|---|---|---|---|
| Watermelon | ||||
| Amber | ||||
| Tiffany Blue | ||||
| Cobalt |
Export palette
:root {
--watermelon: #ff4f79;
--amber: #ffb800;
--tiffany-blue: #00b3a4;
--cobalt: #3a3f9e;
}Contrast & accessibility
WCAG contrast for each colour pairing. Use AA or AAA pairs for body text.
Aa
5.08:1AA
Aa
3.35:1AA Large
Aa
2.79:1Fail
Aa
1.82:1Fail
Aa
1.52:1Fail
Aa
1.20:1Fail