Blue-Orange-Green-Red
Category: Tetradic
HEX
#00A1E4
RGB
rgb(0, 161, 228)
HSL
hsl(198, 100%, 45%)
OKLCH
oklch(0.672 0.147 237)
HEX
#E45900
RGB
rgb(228, 89, 0)
HSL
hsl(23, 100%, 45%)
OKLCH
oklch(0.638 0.189 43)
HEX
#6AE400
RGB
rgb(106, 228, 0)
HSL
hsl(92, 100%, 45%)
OKLCH
oklch(0.815 0.246 137)
HEX
#E4006A
RGB
rgb(228, 0, 106)
HSL
hsl(332, 100%, 45%)
OKLCH
oklch(0.591 0.237 5)
HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
OKLCH
oklch(1.000 0.000 90)
Download Palette
PRO
Sign in to unlock exports
Try it out
Checking out this colour palette: Blue-Orange-Green-Red
Content Preview
Secondary Heading
This is how your body text will look. You can see how an anchor link also looks.
The purpose of this preview is to provide a realistic demonstration of the palette in a typical user interface.
This form is for demonstration purposes only and is not functional.
#00A1E4
#E45900
#6AE400
#E4006A
#FFFFFF
Explore More
Find more inspiration in our galleries and tools.
Colour Palette Collection
Browse hundreds of curated palettes.
Gradient Collection
Explore beautiful, ready-to-use gradients.
Country Flag Palettes
Discover palettes from the flags of the world.
16-Season Color System
Find your most flattering colors.
Colour of the Year
Explore annual trending colors.
HueFinder for Photos
Generate a colour palette from any image.
PRO
HueFinder for Logos
Generate a palette based on a brand logo.
PRO
AI Skin Tone Analyzer
Get a palette based on your skin tone.
PRO
WCAG Contrast Checker
Test colour accessibility.