ColorSwatches.org

Tropical Reef

Electric teal, coral, reef aqua, and sunlit sand
Deep Reef
#005070
rgb(0, 80, 112)
Dark water above the reef drop-off
Electric Teal
#00909A
rgb(0, 144, 154)
Vivid reef teal — clear tropical shallows
Bright Aqua
#00C8C0
rgb(0, 200, 192)
The brilliant aqua of white-sand flats
Coral
#FF6B54
rgb(255, 107, 84)
Living coral — warm red-orange accent
Sunlit Sand
#F8D898
rgb(248, 216, 152)
Bright sandy bottom lit by refracted sun
Seafoam White
#E8F8F6
rgb(232, 248, 246)
Pale seafoam — a near-neutral with reef identity

Tropical Reef introduces the palette element absent from the colder ocean palettes: coral. The warm red-orange of hard coral against teal reef water is one of nature's most vivid color contrasts, and this palette captures it in usable form. Deep Reef anchors the backdrop; Coral pops against it at maximum effect.

The contrast between Coral and the teal/aqua tones is one of the classic complementary pairs, split slightly warm-to-cool. Use it in travel brands, resorts, and anywhere vibrant tropical identity is desired. Seafoam White provides the necessary breathing room that keeps the palette from overwhelming.

Sponsors

Electric teal and aqua occupy a unique place in the color spectrum — as energetic and vivid as warm colors, but visually coded to water, nature, and the outdoors in ways that reds and oranges are not. This dual quality makes Tropical Reef highly effective for brands that need to feel simultaneously active and natural: dive equipment manufacturers, reef-safe sunscreen and ocean-conservation brands, tropical fitness concepts, and adventure travel companies.

In digital product design, the contrast potential of this palette is exceptional — Electric Teal and Bright Aqua both achieve ≥4.5:1 contrast ratios against dark backgrounds, qualifying for WCAG AA compliance in most text size applications and making accessibility-conscious implementation straightforward. The warm Coral accent provides a complementary note that avoids the visual monotony of all-teal design systems, functioning particularly well as a notification or call-to-action color.

Web UI Preview

example.com
Palette Co Products About
New Release

Design with intention

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vel felis a ligula tincidunt auctor quis commodo nisi.

Intuitive Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore.

Learn more →

Fast & Reliable

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

Learn more →

Built to Scale

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum.

Learn more →

Ready to build something beautiful? Start for free today.

© 2026 Palette Co. Privacy Terms Contact

Sponsors

More Ocean & Sky Palettes

View all Ocean & Sky palettes →