coolearthymonochrome
Forest Walk Color Palette
Forest Walk is a cool, earthy and monochrome color palette of 5 colors: Oxford Blue (#081c15), Onyx (#1b4332), Sea Green (#40916c), Medium Aquamarine (#74c69d) and Eggshell (#d8f3dc). Its dominant hue is green.
The darkest color, Oxford Blue, on the lightest, Eggshell, gives a 14.97:1 contrast ratio — enough for body text at WCAG AAA. 5 pairs in this palette pass AA for normal text. Medium Aquamarine (#74c69d) is its most saturated color and a natural choice for buttons and links.
Colors
- Oxford Blue
- Onyx
- Sea Green
- Medium Aquamarine
- Eggshell
CSS Output
:root {
--forest-walk-1: #081c15;
--forest-walk-2: #1b4332;
--forest-walk-3: #40916c;
--forest-walk-4: #74c69d;
--forest-walk-5: #d8f3dc;
}Forest Walk 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 Eggshell#081c15 on #d8f3dc14.97:1AAA
- Onyx on Eggshell#1b4332 on #d8f3dc9.37:1AAA
- Oxford Blue on Medium Aquamarine#081c15 on #74c69d8.68:1AAA
- Onyx on Medium Aquamarine#1b4332 on #74c69d5.43:1AA
- Oxford Blue on Sea Green#081c15 on #40916c4.61:1AA
- Sea Green on Eggshell#40916c on #d8f3dc3.24:1AA Large