Balloon Box color palette
Balloon Box is a 4-color palette drawing on purples. In OKLCH its lightness runs from 21% (#29013B, very dark) to 93% (#EFE0FF, very light), and its most saturated color, #75389A, is vivid. Its colors are too low in chroma to lean warm or cool. 3 of its 6 color pairs reach the WCAG AA ratio of 4.5:1 for body text. It is tagged kids, bold, monochrome, gradient, purple and colorblind-friendly.
- Rich Black #29013B
- Grape #75389A
- Cool Gray #BA80E8
- Gainsboro #EFE0FF
Color codes
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #29013B | rgb(41, 1, 59) | hsl(281, 97%, 12%) | oklch(21.5% 0.105 312.1) |
| Grape | #75389A | rgb(117, 56, 154) | hsl(277, 47%, 41%) | oklch(46.6% 0.159 310.3) |
| Cool Gray | #BA80E8 | rgb(186, 128, 232) | hsl(273, 69%, 71%) | oklch(69.9% 0.158 308.6) |
| Gainsboro | #EFE0FF | rgb(239, 224, 255) | hsl(269, 100%, 94%) | oklch(92.8% 0.044 307.3) |
Accessibility
The best text and background pairs in Balloon Box, by WCAG 2 contrast ratio, with the APCA lightness contrast (Lc) of the text on its background.
| Pair | WCAG 2 | Level | APCA Lc |
|---|---|---|---|
| #EFE0FF on #29013B | 14.44:1 | AAA | Lc -89.9 |
| #29013B on #BA80E8 | 6.32:1 | AA | Lc 47.5 |
| #EFE0FF on #75389A | 6.02:1 | AA | Lc -74.1 |
Color vision
No pair of colors comes within ΔE 0.06 of another under protanopia, deuteranopia, tritanopia or achromatopsia. It is tagged colorblind-friendly: every pair stays at least ΔE 0.14 apart.
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
Use it in code
Install these colors as Tailwind CSS v4 theme colors with shadcn: npx shadcn@latest add https://getcolors.so/r/palette/29013b-75389a-ba80e8-efe0ff.json.
Make it your own
Edit the colors, build a full light and dark color system from them, or see them on real UI.