Kumquat Twist color palette
Kumquat Twist is a 5-color palette drawing on browns, greens, yellows and oranges. In OKLCH its lightness runs from 31% (#343100, dark) to 94% (#FFE9BB, very light), and its most saturated color, #A8CD55, is vivid. 2 of its 5 chromatic colors sit on the warm side of the hue wheel. 3 of its 10 color pairs reach the WCAG AA ratio of 4.5:1 for body text. It is tagged food, summer, green and colorblind-friendly.
- Pakistan Green #343100
- Dark Moss Green #376C36
- Persian Green #33A478
- Saffron #A8CD55
- Champagne #FFE9BB
Color codes
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #343100 | rgb(52, 49, 0) | hsl(57, 100%, 10%) | oklch(30.6% 0.065 105.9) |
| Dark Moss Green | #376C36 | rgb(55, 108, 54) | hsl(119, 33%, 32%) | oklch(48% 0.101 143.4) |
| Persian Green | #33A478 | rgb(51, 164, 120) | hsl(157, 53%, 42%) | oklch(64.4% 0.121 163.1) |
| Saffron | #A8CD55 | rgb(168, 205, 85) | hsl(79, 55%, 57%) | oklch(79.7% 0.153 124.2) |
| Champagne | #FFE9BB | rgb(255, 233, 187) | hsl(41, 100%, 87%) | oklch(94.1% 0.064 85.4) |
Accessibility
The best text and background pairs in Kumquat Twist, by WCAG 2 contrast ratio, with the APCA lightness contrast (Lc) of the text on its background.
| Pair | WCAG 2 | Level | APCA Lc |
|---|---|---|---|
| #FFE9BB on #343100 | 11.12:1 | AAA | Lc -89.7 |
| #A8CD55 on #343100 | 7.27:1 | AAA | Lc -63.5 |
| #FFE9BB on #376C36 | 5.24:1 | AA | Lc -73.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/343100-376c36-33a478-a8cd55-ffe9bb.json.
Make it your own
Edit the colors, build a full light and dark color system from them, or see them on real UI.