Coral

A pink-orange, bright and warm. Summery and optimistic.

Coral, the usual valueRed
#FF7F6A
35 corals in the library

Pick any swatch to see its codes, its contrast and the palette it comes from.

01Put it to work

Can you read text on it?
White text looks like thisHard to read
Avoid for text. Use it for shapes and backgrounds instead. Contrast 2.5 to 1
Black text looks like thisVery easy to read
Fine for any text, even small print. Contrast 8.0 to 1

Black text reads better here. The contrast number compares how light the text is with how light the colour behind it is. It runs from 1, where the text disappears, to 21, black on white. The web accessibility standard asks for at least 4.5 for normal text and 3 for big headlines.

Pick a swatch above to see it in its own palette, next to the colours it was chosen to sit with.

02Tints and shades

A ramp from 50 to 950 around #FF7F6A, in equal perceptual steps, for backgrounds, borders and hover states. Click a step to copy it.

0343 palettes with coral

Clay StyleClay StylePixel SunsetDigital ArtResort WhiteFashion DesignScreen PrintingScreen PrintingWeb 2.0 GlossWeb 2.0 GlossSocialWeb 2.0 GlossCorporate RebellionCyberpunkOmoroNeubrutalismVector MinimalismVector MinimalismFuture FunkFuture FunkSpace FunkFuture FunkMemphis PastelMemphisPostmodern SoftMemphisPsychedelicPsychedelicAcid TripPsychedelicAcidAcidAfrofuturismAfrofuturismCorporate MemphisCorporate MemphisStartupCorporate MemphisHR IllustrationCorporate MemphisEdTechCorporate MemphisFlat DesignFlat DesignVice SunsetVintage 80s90s Editorial90s Editorial

04The styles that use it

Corporate Memphis4Web 2.0 Gloss2Future Funk2Memphis2Psychedelic2Popping Colors2Clay Style1Digital Art1Fashion Design1Screen Printing1Cyberpunk1Neubrutalism1Vector Minimalism1Acid1Afrofuturism1Flat Design1Vintage 80s190s Editorial1Pixel Art1Cybercore1Brutalism1Direct Flash Editorial1Streetwear1Receipt Prints1WPA Poster1Dazzle Camouflage1Hollywood Regency1Fauvism1Conceptual Sketch1Sticker Collage1Baugasm1Thermal Heat1PS1 / Dreamcast Low-Poly1Kitsch1Motion Design1

05Questions

What is the hex code for coral?

Coral is most often given as #FF7F6A. There is no single official value (CSS's named coral is #FF7F50); the 35 coral swatches in the Omoro library run across the range shown on this page.

What colours go with coral?

In the library's palettes, coral most often sits beside blue, yellow and green, with black and white as the neutrals.

Which design styles use coral?

Corporate Memphis, Web 2.0 Gloss and Future Funk use it most. 35 styles use it in all.

Goes withBlue 60%Yellow 42%Green 37%Purple 26%Pink 26%Teal 23%

06More orange shades

TerracottaRustPeach
Every colour familyAll colors and shades →
All palettes →Browse the styles →