Caribbean Dream

Cool unsaturated cyan with professional, grounded clarity

Select a Color

Caribbean Dream is a cool, unsaturated cyan that suggests refreshing clarity and wisdom. This grounded shade works well in technology and aerospace designs where a sense of trust is needed. Because it feels professional yet engaging, many designers use it for communication branding and entertainment projects. The hex code for Caribbean Dream is #007180.

About Caribbean Dream

Lagoon water in the shade of a dock

What does caribbean dream mean?

People often link this deep teal with tropical water, coastal vacations, scuba gear, and the steady look of the open sea. Its low lightness and muted chroma read as grounded and reserved, a shade that holds a wall or page instead of shouting from it.

Where you see caribbean dream

deep lagoon water
glazed pool tiles
peacock feathers
enameled cast iron pots
sea glass
wetsuits

What it works for

It works as a deep base in coastal interiors, swimwear branding, and dashboards that need a dark tone without plain navy.

What colors go with caribbean dream?

Coral #ff7f50A warm near-complement that plays against the cool cyan without hard clashing.Sand #e2ca76Keeps the palette light so the teal can carry all the depth.Mustard #ffdb58A sharp warm counterpoint, and the pair reads as retro together.Plum #8e4585Two dark shades that keep their depth instead of bleeding together.Cream #fffdd0Lifts the low value and gives text room to breathe.

Questions about Caribbean Dream

What is the hex code for Caribbean Dream?

Caribbean Dream is #007180. In RGB that is rgb(0, 113, 128), in HSL hsl(187, 100%, 25%) and in CMYK 100%, 12%, 0%, 50%.

Is Caribbean Dream considered a warm or cool color?

Caribbean Dream is a distinctly cool color because its composition is dominated by blue and green undertones rather than red or yellow. It provides a refreshing, calm effect that feels clean and stable in any digital design or print application.

Is Caribbean Dream readable on white or black?

Caribbean Dream has a 5.71:1 contrast ratio on white and 3.67:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.