Tropical Colors
Vivid teals, corals and sun-yellows — the saturated palette of warm coastlines and tropical plants.
tropicalvividsummer105 colors
Anchor: Turquoise #40E0D0
hue 174° · HSL(72%, 56%) · best text on it: #000000 (12.8:1)
All tropical colors
Coral
#FF7F50
hsl(16, 100%, 66%) · rgb(255, 127, 80)
Salmon
#FA8072
hsl(6, 93%, 71%) · rgb(250, 128, 114)
Orange
#FFA500
hsl(39, 100%, 50%) · rgb(255, 165, 0)
Tangerine
#F28500
hsl(33, 100%, 47%) · rgb(242, 133, 0)
Pumpkin
#FF7518
hsl(24, 100%, 55%) · rgb(255, 117, 24)
Bronze
#CD7F32
hsl(30, 61%, 50%) · rgb(205, 127, 50)
Mustard
#DBB42C
hsl(47, 71%, 52%) · rgb(219, 180, 44)
Honey
#EB9605
hsl(38, 96%, 47%) · rgb(235, 150, 5)
Amber
#FFBF00
hsl(45, 100%, 50%) · rgb(255, 191, 0)
Seafoam
#7FE0B3
hsl(152, 61%, 69%) · rgb(127, 224, 179)
Eucalyptus
#44D7A8
hsl(161, 65%, 55%) · rgb(68, 215, 168)
Aqua
#00FFFF
hsl(180, 100%, 50%) · rgb(0, 255, 255)
Turquoise
#40E0D0
hsl(174, 72%, 56%) · rgb(64, 224, 208)
Sky Blue
#87CEEB
hsl(197, 71%, 73%) · rgb(135, 206, 235)
Baby Blue
#89CFF0
hsl(199, 77%, 74%) · rgb(137, 207, 240)
Aquamarine
#7FFFD4
hsl(160, 100%, 75%) · rgb(127, 255, 212)
Chocolate (CSS)
#D2691E
hsl(25, 75%, 47%) · rgb(210, 105, 30)
Darkorange
#FF8C00
hsl(33, 100%, 50%) · rgb(255, 140, 0)
Darksalmon
#E9967A
hsl(15, 72%, 70%) · rgb(233, 150, 122)
Deepskyblue
#00BFFF
hsl(195, 100%, 50%) · rgb(0, 191, 255)
Goldenrod
#DAA520
hsl(43, 74%, 49%) · rgb(218, 165, 32)
Lightsalmon
#FFA07A
hsl(17, 100%, 74%) · rgb(255, 160, 122)
Mediumspringgreen
#00FA9A
hsl(157, 100%, 49%) · rgb(0, 250, 154)
Orangered
#FF4500
hsl(16, 100%, 50%) · rgb(255, 69, 0)
Sandybrown
#F4A460
hsl(28, 87%, 67%) · rgb(244, 164, 96)
Tomato
#FF6347
hsl(9, 100%, 64%) · rgb(255, 99, 71)
Macaroni And Cheese
#EFB435
hsl(41, 85%, 57%) · rgb(239, 180, 53)
Bright Sea Green
#05FFA6
hsl(159, 100%, 51%) · rgb(5, 255, 166)
Orange Pink
#FF6F52
hsl(10, 100%, 66%) · rgb(255, 111, 82)
Pale Gold
#FDDE6C
hsl(47, 97%, 71%) · rgb(253, 222, 108)
Butterscotch
#FDB147
hsl(35, 98%, 64%) · rgb(253, 177, 71)
Squash
#F2AB15
hsl(41, 89%, 52%) · rgb(242, 171, 21)
Orangeish
#FD8D49
hsl(23, 98%, 64%) · rgb(253, 141, 73)
Peachy Pink
#FF9A8A
hsl(8, 100%, 77%) · rgb(255, 154, 138)
Tiffany Blue
#7BF2DA
hsl(168, 82%, 72%) · rgb(123, 242, 218)
Orangey Yellow
#FDB915
hsl(42, 98%, 54%) · rgb(253, 185, 21)
Light Gold
#FDDC5C
hsl(48, 98%, 68%) · rgb(253, 220, 92)
Greenblue
#23C48B
hsl(159, 70%, 45%) · rgb(35, 196, 139)
Golden Rod
#F9BC08
hsl(45, 95%, 50%) · rgb(249, 188, 8)
Blood Orange
#FE4B03
hsl(17, 99%, 50%) · rgb(254, 75, 3)
Light Greenish Blue
#63F7B4
hsl(153, 90%, 68%) · rgb(99, 247, 180)
Orangered (survey)
#FE420F
hsl(13, 99%, 53%) · rgb(254, 66, 15)
Greenish Turquoise
#00FBB0
hsl(162, 100%, 49%) · rgb(0, 251, 176)
Bright Cyan
#41FDFE
hsl(180, 99%, 63%) · rgb(65, 253, 254)
Saffron
#FEB209
hsl(41, 99%, 52%) · rgb(254, 178, 9)
Greenish Cyan
#2AFEB7
hsl(160, 99%, 58%) · rgb(42, 254, 183)
Dusty Orange
#F0833A
hsl(24, 86%, 58%) · rgb(240, 131, 58)
Orangish
#FC824A
hsl(19, 97%, 64%) · rgb(252, 130, 74)
Sunflower
#FFC512
hsl(45, 100%, 54%) · rgb(255, 197, 18)
Light Mustard
#F7D560
hsl(46, 90%, 67%) · rgb(247, 213, 96)
Light Aquamarine
#7BFDC7
hsl(155, 97%, 74%) · rgb(123, 253, 199)
Faded Orange
#F0944D
hsl(26, 84%, 62%) · rgb(240, 148, 77)
Mango
#FFA62B
hsl(35, 100%, 58%) · rgb(255, 166, 43)
Tomato Red
#EC2D01
hsl(11, 99%, 46%) · rgb(236, 45, 1)
Seaweed
#18D17B
hsl(152, 79%, 46%) · rgb(24, 209, 123)
Pastel Orange
#FF964F
hsl(24, 100%, 65%) · rgb(255, 150, 79)
Yellowish Orange
#FFAB0F
hsl(39, 100%, 53%) · rgb(255, 171, 15)
Pinkish Orange
#FF724C
hsl(13, 100%, 65%) · rgb(255, 114, 76)
Tomato (survey)
#EF4026
hsl(8, 86%, 54%) · rgb(239, 64, 38)
Turquoise Green
#04F489
hsl(153, 97%, 49%) · rgb(4, 244, 137)
Golden
#F5BF03
hsl(47, 98%, 49%) · rgb(245, 191, 3)
Orangish Red
#F43605
hsl(12, 96%, 49%) · rgb(244, 54, 5)
Orangey Red
#FA4224
hsl(8, 96%, 56%) · rgb(250, 66, 36)
Wheat (survey)
#FBDD7E
hsl(46, 94%, 74%) · rgb(251, 221, 126)
Pumpkin Orange
#FB7D07
hsl(29, 97%, 51%) · rgb(251, 125, 7)
Bright Sky Blue
#02CCFE
hsl(192, 99%, 50%) · rgb(2, 204, 254)
Robin'S Egg
#6DEDFD
hsl(187, 97%, 71%) · rgb(109, 237, 253)
Bright Aqua
#0BF9EA
hsl(176, 95%, 51%) · rgb(11, 249, 234)
Bright Light Blue
#26F7FD
hsl(182, 98%, 57%) · rgb(38, 247, 253)
Orange Yellow
#FFAD01
hsl(41, 100%, 50%) · rgb(255, 173, 1)
Maize
#F4D054
hsl(47, 88%, 64%) · rgb(244, 208, 84)
Robin Egg Blue
#8AF1FE
hsl(187, 98%, 77%) · rgb(138, 241, 254)
Aqua Marine
#2EE8BB
hsl(165, 80%, 55%) · rgb(46, 232, 187)
Melon
#FF7855
hsl(12, 100%, 67%) · rgb(255, 120, 85)
Amber (survey)
#FEB308
hsl(42, 99%, 51%) · rgb(254, 179, 8)
Bright Turquoise
#0FFEF9
hsl(179, 99%, 53%) · rgb(15, 254, 249)
Vermillion
#F4320C
hsl(10, 91%, 50%) · rgb(244, 50, 12)
Marigold
#FCC006
hsl(45, 98%, 51%) · rgb(252, 192, 6)
Dull Orange
#D8863B
hsl(29, 67%, 54%) · rgb(216, 134, 59)
Blush (survey)
#F29E8E
hsl(10, 79%, 75%) · rgb(242, 158, 142)
Bright Orange
#FF5B00
hsl(21, 100%, 50%) · rgb(255, 91, 0)
Apricot (survey)
#FFB16D
hsl(28, 100%, 71%) · rgb(255, 177, 109)
Bright Teal
#01F9C6
hsl(168, 99%, 49%) · rgb(1, 249, 198)
Golden Yellow
#FEC615
hsl(46, 99%, 54%) · rgb(254, 198, 21)
Dark Peach
#DE7E5D
hsl(15, 66%, 62%) · rgb(222, 126, 93)
Neon Blue
#04D9FF
hsl(189, 100%, 51%) · rgb(4, 217, 255)
Reddish Orange
#F8481C
hsl(12, 94%, 54%) · rgb(248, 72, 28)
Light Aqua
#8CFFDB
hsl(161, 100%, 77%) · rgb(140, 255, 219)
Brownish Orange
#CB7723
hsl(30, 71%, 47%) · rgb(203, 119, 35)
Yellow Orange
#FCB001
hsl(42, 99%, 50%) · rgb(252, 176, 1)
Orange Red
#FD411E
hsl(9, 98%, 55%) · rgb(253, 65, 30)
Aqua Green
#12E193
hsl(157, 85%, 48%) · rgb(18, 225, 147)
Tangerine (survey)
#FF9408
hsl(34, 100%, 52%) · rgb(255, 148, 8)
Aqua Blue
#02D8E9
hsl(184, 98%, 46%) · rgb(2, 216, 233)
Pale Orange
#FFA756
hsl(29, 100%, 67%) · rgb(255, 167, 86)
Light Turquoise
#7EF4CC
hsl(160, 84%, 73%) · rgb(126, 244, 204)
Red Orange
#FD3C06
hsl(13, 98%, 51%) · rgb(253, 60, 6)
Light Teal
#90E4C1
hsl(155, 61%, 73%) · rgb(144, 228, 193)
Goldenrod (survey)
#FAC205
hsl(46, 96%, 50%) · rgb(250, 194, 5)
Sand (survey)
#E2CA76
hsl(47, 65%, 67%) · rgb(226, 202, 118)
Light Orange
#FDAA48
hsl(32, 98%, 64%) · rgb(253, 170, 72)
Peach (survey)
#FFB07C
hsl(24, 100%, 74%) · rgb(255, 176, 124)
Salmon (survey)
#FF796C
hsl(5, 100%, 71%) · rgb(255, 121, 108)
Aqua (survey)
#13EAC9
hsl(171, 85%, 50%) · rgb(19, 234, 201)
Orange (survey)
#F97306
hsl(27, 95%, 50%) · rgb(249, 115, 6)
Explore more
Pastel Colors
Dark Colors
Muted Colors
Vibrant Colors
Warm Gray Colors
Cool Gray Colors
Cream Colors
Off White Colors
Membership thresholds are defined in src/lib/color/collections.ts and verified by unit tests. Under deuteranopia this collection shifts to #BEC3D2 for its anchor.