Coral Reef Color Palette
A reef in full color: living coral orange and pink, turquoise water, tang yellow, and an anemone purple. Bright, busy, and tropical, the saturated counterpoint to a calm sea. For reef and aquarium scenes, vibrant tropical design, and bold marine illustration.
Get Paintrix free on the App Store.
Download
Hex codes
Color theory
Base
Complement
Analogous −30°
Analogous +30°
Triadic
Use it for
Code formats
CSS
:root {
--coral-reef-1: #FB7B52;
--coral-reef-2: #F46B47;
--coral-reef-3: #EB5B3E;
--coral-reef-4: #DE4C36;
--coral-reef-5: #CD3E30;
--coral-reef-6: #B8322A;
--coral-reef-7: #F88FA6;
--coral-reef-8: #F07C97;
--coral-reef-9: #E66A88;
--coral-reef-10: #D85979;
--coral-reef-11: #C84A6B;
--coral-reef-12: #B53C5D;
--coral-reef-13: #2EC6BE;
--coral-reef-14: #27B4AE;
--coral-reef-15: #20A29E;
--coral-reef-16: #1A908E;
--coral-reef-17: #147E7E;
--coral-reef-18: #0F6C6E;
--coral-reef-19: #F8D24A;
--coral-reef-20: #F0C23E;
--coral-reef-21: #E5B133;
--coral-reef-22: #D69E2A;
--coral-reef-23: #C28B22;
--coral-reef-24: #AC781B;
--coral-reef-25: #7E5CB8;
--coral-reef-26: #6F4EAA;
--coral-reef-27: #61419A;
--coral-reef-28: #53358A;
--coral-reef-29: #462A78;
--coral-reef-30: #3A2066;
}SCSS
$coral-reef-1: #FB7B52;
$coral-reef-2: #F46B47;
$coral-reef-3: #EB5B3E;
$coral-reef-4: #DE4C36;
$coral-reef-5: #CD3E30;
$coral-reef-6: #B8322A;
$coral-reef-7: #F88FA6;
$coral-reef-8: #F07C97;
$coral-reef-9: #E66A88;
$coral-reef-10: #D85979;
$coral-reef-11: #C84A6B;
$coral-reef-12: #B53C5D;
$coral-reef-13: #2EC6BE;
$coral-reef-14: #27B4AE;
$coral-reef-15: #20A29E;
$coral-reef-16: #1A908E;
$coral-reef-17: #147E7E;
$coral-reef-18: #0F6C6E;
$coral-reef-19: #F8D24A;
$coral-reef-20: #F0C23E;
$coral-reef-21: #E5B133;
$coral-reef-22: #D69E2A;
$coral-reef-23: #C28B22;
$coral-reef-24: #AC781B;
$coral-reef-25: #7E5CB8;
$coral-reef-26: #6F4EAA;
$coral-reef-27: #61419A;
$coral-reef-28: #53358A;
$coral-reef-29: #462A78;
$coral-reef-30: #3A2066;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'coral-reef': {
'1': '#FB7B52',
'2': '#F46B47',
'3': '#EB5B3E',
'4': '#DE4C36',
'5': '#CD3E30',
'6': '#B8322A',
'7': '#F88FA6',
'8': '#F07C97',
'9': '#E66A88',
'10': '#D85979',
'11': '#C84A6B',
'12': '#B53C5D',
'13': '#2EC6BE',
'14': '#27B4AE',
'15': '#20A29E',
'16': '#1A908E',
'17': '#147E7E',
'18': '#0F6C6E',
'19': '#F8D24A',
'20': '#F0C23E',
'21': '#E5B133',
'22': '#D69E2A',
'23': '#C28B22',
'24': '#AC781B',
'25': '#7E5CB8',
'26': '#6F4EAA',
'27': '#61419A',
'28': '#53358A',
'29': '#462A78',
'30': '#3A2066',
},
},
},
},
};JSON
{
"name": "Coral Reef",
"colors": [
"#FB7B52",
"#F46B47",
"#EB5B3E",
"#DE4C36",
"#CD3E30",
"#B8322A",
"#F88FA6",
"#F07C97",
"#E66A88",
"#D85979",
"#C84A6B",
"#B53C5D",
"#2EC6BE",
"#27B4AE",
"#20A29E",
"#1A908E",
"#147E7E",
"#0F6C6E",
"#F8D24A",
"#F0C23E",
"#E5B133",
"#D69E2A",
"#C28B22",
"#AC781B",
"#7E5CB8",
"#6F4EAA",
"#61419A",
"#53358A",
"#462A78",
"#3A2066"
]
}Hex list
#FB7B52
#F46B47
#EB5B3E
#DE4C36
#CD3E30
#B8322A
#F88FA6
#F07C97
#E66A88
#D85979
#C84A6B
#B53C5D
#2EC6BE
#27B4AE
#20A29E
#1A908E
#147E7E
#0F6C6E
#F8D24A
#F0C23E
#E5B133
#D69E2A
#C28B22
#AC781B
#7E5CB8
#6F4EAA
#61419A
#53358A
#462A78
#3A2066