Coral Flame

ocean palette with a balanced five-color hierarchy for design use.

#Ocean#Cool#Fresh

Open in Generator

COLOR 1

#75122F

Vintage Velvet Red

COLOR 2

#CD1E1E

Poppy Red

COLOR 3

#E09767

Raw Sienna

COLOR 4

#A7E9F0

Pale Turquoise

COLOR 5

#F5F7F9

Slate 50

Color Values & Codes

HEX · RGB · HSL

Vintage Velvet Red

#75122F

rgb(117, 18, 47)hsl(342, 73%, 26%)Color details →

Poppy Red

#CD1E1E

rgb(205, 30, 30)hsl(0, 74%, 46%)Color details →

Raw Sienna

#E09767

rgb(224, 151, 103)hsl(24, 66%, 64%)Color details →

Pale Turquoise

#A7E9F0

rgb(167, 233, 240)hsl(186, 71%, 80%)Color details →

Slate 50

#F5F7F9

rgb(245, 247, 249)hsl(210, 25%, 97%)Color details →

Open In Design Tools

Palette Generator

Lock & shuffle colors

Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet

:root {
  --color-1: #75122F;
  --color-2: #CD1E1E;
  --color-3: #E09767;
  --color-4: #A7E9F0;
  --color-5: #F5F7F9;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text

#75122F on #A7E9F08.26:1

Normal Text AA Pass

Sample Text

#75122F on #F5F7F910.38:1

Normal Text AA Pass

Sample Text

#CD1E1E on #A7E9F04.09:1

Large Text Only (Pass)

Sample Text

#CD1E1E on #F5F7F95.15:1

Normal Text AA Pass

Sample Text

#E09767 on #A7E9F01.77:1

Large Text Only (Fail)

Sample Text

#E09767 on #F5F7F92.22:1

Large Text Only (Fail)

Related Palettes in Ocean

cp-featured-01Technology

TechModernCool

cp-featured-08Ocean

OceanCool

cp-featured-13Ocean

Caribbean Reef Shallows

OceanFresh

cp-featured-18Food

FoodCleanFresh