Orange palettes

Warm, loud and friendly. Burnt and rusted, it turns earthy; at full chroma it reads as the 1970s or as a safety vest.

Orange, a reference orangeOrange
#F26B1D
112 oranges 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 thisBig text only
Headlines and large labels are fine; small text will strain the eye. Contrast 3.0 to 1
Black text looks like thisEasy to read
Fine for body text and headlines. Contrast 6.5 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 #F26B1D, in equal perceptual steps, for backgrounds, borders and hover states. Click a step to copy it.

03133 palettes with orange

BohemianBohemianNeon CanvasDigital ArtPixel SunsetDigital ArtPaintingPaintingVerdaccioPaintingNight StudioPaintingImpressionismImpressionismGolden HourImpressionismColor FieldAbstract ExpressionismTeal & OrangeCinematographyFired TerraSculptureAdobe DesertArchitectureIllustrationIllustrationBotanical PrintIllustrationSepia SketchDrawing / SketchResort WhiteFashion DesignPottery / CeramicsPottery / CeramicsRakuPottery / CeramicsLand ArtVisual ArtMixed MediaMixed MediaAssemblageMixed MediaScreen PrintingScreen PrintingWarholPop ArtSnapshot 70sPhotography

04The styles that use it

Acid4Liquid Retro4Painting3Impressionism3Future Funk3Psychedelic3Trinket Design3Afrofuturism3Critical Regionalism3Architectural Expressionism3Pueblo Revival3Popping Colors3Digital Art2Cinematography2Illustration2Pottery / Ceramics2Mixed Media2Photography2Web 2.0 Gloss2Cyberpunk2Luxury Minimal2Maximalism2Steampunk2Tech Spec2Distorted Portraits2Kidcore2Dark Academia2Wabi-Sabi2Corporate Memphis2Architectural Postmodernism2Mid-Century Modern2Flat Design2Indie Groovy2Fauvism2Bohemian1Abstract Expressionism1Sculpture1Architecture1Drawing / Sketch1Fashion Design1

And 52 more, in the palettes above.

05Questions

How many orange colour palettes are there?

The Omoro library has 133 palettes with at least one orange, across 112 distinct orange swatches, each with its hex code.

What colours go with orange?

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

Which design styles use orange?

Acid, Liquid Retro and Painting use it most. 92 styles use it in all.

Goes withYellow 42%Brown 40%Green 33%Blue 32%Red 22%Pink 14%

06Shades of orange

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