Forest-RedOrange-Blue-Yellow
Category: Tetradic
HEX
#228B22
RGB
rgb(34, 139, 34)
HSL
hsl(120, 61%, 34%)
OKLCH
oklch(0.558 0.169 143)
HEX
#FF4500
RGB
rgb(255, 69, 0)
HSL
hsl(16, 100%, 50%)
OKLCH
oklch(0.660 0.229 35)
HEX
#0000CD
RGB
rgb(0, 0, 205)
HSL
hsl(240, 100%, 40%)
OKLCH
oklch(0.383 0.266 264)
HEX
#FFD700
RGB
rgb(255, 215, 0)
HSL
hsl(51, 100%, 50%)
OKLCH
oklch(0.887 0.182 95)
HEX
#F5F5F5
RGB
rgb(245, 245, 245)
HSL
hsl(0, 0%, 96%)
OKLCH
oklch(0.970 0.000 90)
Download Palette
PRO
Sign in to unlock exports
Try it out
Checking out this colour palette: Forest-RedOrange-Blue-Yellow
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.
#228B22
#FF4500
#0000CD
#FFD700
#F5F5F5
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.