Travel Color Palette

#fdfaf9

#ff8670

#222F3D

#8d85ff

#cbc7ff

#fdfaf9

#ff8670

#222F3D

#8d85ff

#cbc7ff

Colors overview

Orange

Purple

Black

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#fdfaf9	rgb(253, 250, 249)	hsl(15 50% 98%)	hwb(15 98% 0.78%)	lch(98.5 1.24 43.4)	lab(98.5 0.901 0.851)	cmyk 0%, 1%, 2%, 1%
	#ff8670	rgb(255, 134, 112)	hsl(9.2 100% 72%)	hwb(9.2 44% 0%)	lch(69.7 56.7 36.6)	lab(69.7 45.5 33.8)	cmyk 0%, 47%, 56%, 0%
	#222f3d	rgb(34, 47, 61)	hsl(210 28% 19%)	hwb(210 13% 76%)	lch(18.7 11 258)	lab(18.7 -2.37 -10.8)	cmyk 44%, 23%, 0%, 76%
	#8d85ff	rgb(141, 133, 255)	hsl(240 100% 76%)	hwb(240 52% 0%)	lch(60.6 66.3 293)	lab(60.6 26.3 -60.8)	cmyk 45%, 48%, 0%, 0%
	#cbc7ff	rgb(203, 199, 255)	hsl(240 100% 89%)	hwb(240 78% 0%)	lch(82 28.9 290)	lab(82 9.95 -27.1)	cmyk 20%, 22%, 0%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

Click one color card to view the complete contrast checker tests.

#fdfaf9

AA - 1.03



#ff8670

AA - 2.36



#222F3D

AAA - 13.61



#8d85ff

AA - 3.02



#cbc7ff

AA - 1.59



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

Preview the gradient in different UI components.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(98.7% 0.003 0.002), oklab(75% 0.129 0.079), oklab(30% -0.01 -0.029), oklab(68% 0.041 -0.17), oklab(85.2% 0.024 -0.074))

Fallback colors



background: linear-gradient(45deg, #fdfaf9, #ff8670, #222F3D, #8d85ff, #cbc7ff)

Colors



<!-- Primary Colors -->
<color name="travel_color_10">#fdfaf9</color>
<color name="travel_color_20">#ff8670</color>
<color name="travel_color_30">#222F3D</color>
<color name="travel_color_40">#8d85ff</color>
<color name="travel_color_50">#cbc7ff</color>

PWA prompt