darkearthy
Jungle Night Color Palette
Jungle Night is a dark and earthy color palette of 5 colors: Oxford Blue (#0b1d14), Onyx (#14452f), Hunter Green (#2d6a4f), Celadon (#b7e4c7) and Amber (#ffb703). Its dominant hue is green.
The darkest color, Oxford Blue, on the lightest, Celadon, gives a 12.44:1 contrast ratio — enough for body text at WCAG AAA. 5 pairs in this palette pass AA for normal text. Amber (#ffb703) is its most saturated color and a natural choice for buttons and links.
Colors
- Oxford Blue
- Onyx
- Hunter Green
- Celadon
- Amber
CSS Output
:root {
--jungle-night-1: #0b1d14;
--jungle-night-2: #14452f;
--jungle-night-3: #2d6a4f;
--jungle-night-4: #b7e4c7;
--jungle-night-5: #ffb703;
}Jungle Night on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
Pairs from this palette that work as text on a background, with their WCAG contrast ratio. AA needs 4.5:1 for body text; large text needs 3:1.
- Oxford Blue on Celadon#0b1d14 on #b7e4c712.44:1AAA
- Oxford Blue on Amber#0b1d14 on #ffb70310.02:1AAA
- Onyx on Celadon#14452f on #b7e4c77.77:1AAA
- Onyx on Amber#14452f on #ffb7036.25:1AA
- Hunter Green on Celadon#2d6a4f on #b7e4c74.54:1AA
- Hunter Green on Amber#2d6a4f on #ffb7033.65:1AA Large