#FFF1F0red
red-1
Near-white blush — Ant red 1Copy token, HEX, or RGB
- HSL
hsl(4 100% 97%)- HWB
hwb(4 94% 0%)- Black text
- 19.09:1
- White text
- 1.10:1
Versioned design-token reference
Ant Design Colors 8.0.1 light palette
Find an exact light-preset token by family, step, HEX, RGB, HSL, or HWB. Compare black and white text ratios, copy values, and open the reviewed canonical color record.
- 130token occurrences
- 129distinct sRGB colors
- 13source families
Source and scope
The shipped light preset, frozen to one package version.
This reference expands the light presetPalettes export shipped in @ant-design/colors 8.0.1. It preserves all 130 family-and-step identities while showing the repeated #000000 value once as a swatch with both grey-9 and grey-10 aliases.
Hexees is an independent reference and is not affiliated with or endorsed by Ant Group or the Ant Design project.
- Version
- @ant-design/colors 8.0.1
- License
- MIT License
Practical lookup
Search, filter, convert, compare, and copy.
Filters and sorting run locally and do not create indexable parameter pages. Start with the token identity, then verify its exact value and the real interface surface where you plan to use it.
129 of 129 colors match; 24 are currently shown
#FFCCC7red
red-2
Pale coral pink — Ant red 2Copy token, HEX, or RGB
- HSL
hsl(5 100% 89%)- HWB
hwb(5 78% 0%)- Black text
- 14.71:1
- White text
- 1.43:1
#FFA39Ered
red-3
Light coral red — Ant red 3Copy token, HEX, or RGB
- HSL
hsl(3 100% 81%)- HWB
hwb(3 62% 0%)- Black text
- 10.98:1
- White text
- 1.91:1
#FF7875red
red-4
Medium coral red — Ant red 4Copy token, HEX, or RGB
- HSL
hsl(1 100% 73%)- HWB
hwb(1 46% 0%)- Black text
- 8.20:1
- White text
- 2.56:1
#FF4D4Fred
red-5
Bright coral red — Ant red 5Copy token, HEX, or RGB
- HSL
hsl(359 100% 65%)- HWB
hwb(359 30% 0%)- Black text
- 6.43:1
- White text
- 3.27:1
#F5222Dred
red-6
Vivid warm red — Ant red 6Copy token, HEX, or RGB
- HSL
hsl(357 91% 55%)- HWB
hwb(357 13% 4%)- Black text
- 5.15:1
- White text
- 4.08:1
#CF1322red
red-7
Deep vivid red — Ant red 7Copy token, HEX, or RGB
- HSL
hsl(355 83% 44%)- HWB
hwb(355 7% 19%)- Black text
- 3.77:1
- White text
- 5.57:1
#A8071Ared
red-8
Dark crimson red — Ant red 8Copy token, HEX, or RGB
- HSL
hsl(353 92% 34%)- HWB
hwb(353 3% 34%)- Black text
- 2.71:1
- White text
- 7.75:1
#820014red
red-9
Very dark crimson — Ant red 9Copy token, HEX, or RGB
- HSL
hsl(351 100% 25%)- HWB
hwb(351 0% 49%)- Black text
- 1.96:1
- White text
- 10.72:1
#5C0011red
red-10
Near-black burgundy red — Ant red 10Copy token, HEX, or RGB
- HSL
hsl(349 100% 18%)- HWB
hwb(349 0% 64%)- Black text
- 1.46:1
- White text
- 14.35:1
#FFF2E8volcano
volcano-1
Near-white warm peach — Ant volcano 1Copy token, HEX, or RGB
- HSL
hsl(26 100% 95%)- HWB
hwb(26 91% 0%)- Black text
- 19.12:1
- White text
- 1.10:1
#FFD8BFvolcano
volcano-2
Pale warm peach — Ant volcano 2Copy token, HEX, or RGB
- HSL
hsl(23 100% 87%)- HWB
hwb(23 75% 0%)- Black text
- 15.83:1
- White text
- 1.33:1
#FFBB96volcano
volcano-3
Light apricot orange — Ant volcano 3Copy token, HEX, or RGB
- HSL
hsl(21 100% 79%)- HWB
hwb(21 59% 0%)- Black text
- 12.80:1
- White text
- 1.64:1
#FF9C6Evolcano
volcano-4
Medium peach orange — Ant volcano 4Copy token, HEX, or RGB
- HSL
hsl(19 100% 72%)- HWB
hwb(19 43% 0%)- Black text
- 10.23:1
- White text
- 2.05:1
#FF7A45volcano
volcano-5
Vivid coral orange — Ant volcano 5Copy token, HEX, or RGB
- HSL
hsl(17 100% 64%)- HWB
hwb(17 27% 0%)- Black text
- 8.12:1
- White text
- 2.59:1
#FA541Cvolcano
volcano-6
Bright red-orange — Ant volcano 6Copy token, HEX, or RGB
- HSL
hsl(15 96% 55%)- HWB
hwb(15 11% 2%)- Black text
- 6.35:1
- White text
- 3.31:1
#D4380Dvolcano
volcano-7
Deep warm red-orange — Ant volcano 7Copy token, HEX, or RGB
- HSL
hsl(13 88% 44%)- HWB
hwb(13 5% 17%)- Black text
- 4.37:1
- White text
- 4.80:1
#AD2102volcano
volcano-8
Dark burnt red — Ant volcano 8Copy token, HEX, or RGB
- HSL
hsl(11 98% 34%)- HWB
hwb(11 1% 32%)- Black text
- 3.00:1
- White text
- 7.01:1
#871400volcano
volcano-9
Very dark warm red — Ant volcano 9Copy token, HEX, or RGB
- HSL
hsl(9 100% 26%)- HWB
hwb(9 0% 47%)- Black text
- 2.13:1
- White text
- 9.86:1
#610B00volcano
volcano-10
Near-black warm red — Ant volcano 10Copy token, HEX, or RGB
- HSL
hsl(7 100% 19%)- HWB
hwb(7 0% 62%)- Black text
- 1.56:1
- White text
- 13.49:1
#FFF7E6orange
orange-1
Near-white creamy orange — Ant orange 1Copy token, HEX, or RGB
- HSL
hsl(41 100% 95%)- HWB
hwb(41 90% 0%)- Black text
- 19.70:1
- White text
- 1.07:1
#FFE7BAorange
orange-2
Pale golden orange — Ant orange 2Copy token, HEX, or RGB
- HSL
hsl(39 100% 86%)- HWB
hwb(39 73% 0%)- Black text
- 17.39:1
- White text
- 1.21:1
#FFD591orange
orange-3
Pale apricot orange — Ant orange 3Copy token, HEX, or RGB
- HSL
hsl(37 100% 78%)- HWB
hwb(37 57% 0%)- Black text
- 15.18:1
- White text
- 1.38:1
#FFC069orange
orange-4
Light honey orange — Ant orange 4Copy token, HEX, or RGB
- HSL
hsl(35 100% 71%)- HWB
hwb(35 41% 0%)- Black text
- 13.00:1
- White text
- 1.62:1
Complete linked index of 129 canonical colors
- red-1
#FFF1F0 - red-2
#FFCCC7 - red-3
#FFA39E - red-4
#FF7875 - red-5
#FF4D4F - red-6
#F5222D - red-7
#CF1322 - red-8
#A8071A - red-9
#820014 - red-10
#5C0011 - volcano-1
#FFF2E8 - volcano-2
#FFD8BF - volcano-3
#FFBB96 - volcano-4
#FF9C6E - volcano-5
#FF7A45 - volcano-6
#FA541C - volcano-7
#D4380D - volcano-8
#AD2102 - volcano-9
#871400 - volcano-10
#610B00 - orange-1
#FFF7E6 - orange-2
#FFE7BA - orange-3
#FFD591 - orange-4
#FFC069 - orange-5
#FFA940 - orange-6
#FA8C16 - orange-7
#D46B08 - orange-8
#AD4E00 - orange-9
#873800 - orange-10
#612500 - gold-1
#FFFBE6 - gold-2
#FFF1B8 - gold-3
#FFE58F - gold-4
#FFD666 - gold-5
#FFC53D - gold-6
#FAAD14 - gold-7
#D48806 - gold-8
#AD6800 - gold-9
#874D00 - gold-10
#613400 - yellow-1
#FEFFE6 - yellow-2
#FFFFB8 - yellow-3
#FFFB8F - yellow-4
#FFF566 - yellow-5
#FFEC3D - yellow-6
#FADB14 - yellow-7
#D4B106 - yellow-8
#AD8B00 - yellow-9
#876800 - yellow-10
#614700 - lime-1
#FCFFE6 - lime-2
#F4FFB8 - lime-3
#EAFF8F - lime-4
#D3F261 - lime-5
#BAE637 - lime-6
#A0D911 - lime-7
#7CB305 - lime-8
#5B8C00 - lime-9
#3F6600 - lime-10
#254000 - green-1
#F6FFED - green-2
#D9F7BE - green-3
#B7EB8F - green-4
#95DE64 - green-5
#73D13D - green-6
#52C41A - green-7
#389E0D - green-8
#237804 - green-9
#135200 - green-10
#092B00 - cyan-1
#E6FFFB - cyan-2
#B5F5EC - cyan-3
#87E8DE - cyan-4
#5CDBD3 - cyan-5
#36CFC9 - cyan-6
#13C2C2 - cyan-7
#08979C - cyan-8
#006D75 - cyan-9
#00474F - cyan-10
#002329 - blue-1
#E6F4FF - blue-2
#BAE0FF - blue-3
#91CAFF - blue-4
#69B1FF - blue-5
#4096FF - blue-6
#1677FF - blue-7
#0958D9 - blue-8
#003EB3 - blue-9
#002C8C - blue-10
#001D66 - geekblue-1
#F0F5FF - geekblue-2
#D6E4FF - geekblue-3
#ADC6FF - geekblue-4
#85A5FF - geekblue-5
#597EF7 - geekblue-6
#2F54EB - geekblue-7
#1D39C4 - geekblue-8
#10239E - geekblue-9
#061178 - geekblue-10
#030852 - purple-1
#F9F0FF - purple-2
#EFDBFF - purple-3
#D3ADF7 - purple-4
#B37FEB - purple-5
#9254DE - purple-6
#722ED1 - purple-7
#531DAB - purple-8
#391085 - purple-9
#22075E - purple-10
#120338 - magenta-1
#FFF0F6 - magenta-2
#FFD6E7 - magenta-3
#FFADD2 - magenta-4
#FF85C0 - magenta-5
#F759AB - magenta-6
#EB2F96 - magenta-7
#C41D7F - magenta-8
#9E1068 - magenta-9
#780650 - magenta-10
#520339 - grey-1
#A6A6A6 - grey-2
#999999 - grey-3
#8C8C8C - grey-4
#808080 - grey-5
#737373 - grey-6
#666666 - grey-7
#404040 - grey-8
#1A1A1A - grey-9 / grey-10
#000000
Repeated source value
grey-9 and grey-10 both resolve to #000000.
The source contains 130 token occurrences but 129 distinct opaque colors. Hexees keeps both verified token identities on one canonical black swatch instead of creating a duplicate color page.
- grey-9#000000
- grey-10#000000
Accessibility limits
Ratios are inputs to testing, not conformance claims.
Each card calculates contrast only between that opaque sRGB value and black or white. WCAG 2.2 AA requires 4.5:1 for normal text and 3:1 for large text, but the number describes only the tested pair.
Check typography, opacity, surrounding colors, gradients, images, hover, disabled, selected, and keyboard-focus states in the assembled product.
Do not use a family or step name as evidence of meaning, and do not communicate status or required action through color alone; add text, shape, an icon, or another programmatic cue.