What are the hex codes in the Eucalyptus & Seafoam Shore palette?

The Eucalyptus & Seafoam Shore color palette consists of Fern #437F63, Eucalyptus #6CD0A0, Seafoam #AAEAC7, Ivory #F0FFF2.

How should I use the Eucalyptus & Seafoam Shore palette on a website?

Use Ivory #F0FFF2 as the background, Fern #437F63 for text, Seafoam #AAEAC7 for buttons and links, and Eucalyptus #6CD0A0 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Fern on Ivory at 4.56:1.

Which colors in Eucalyptus & Seafoam Shore have enough contrast for text?

The highest-contrast pair is #437F63 on #F0FFF2 with a ratio of 4.56:1, which passes WCAG AA for normal text.

#437F63Fern

#6CD0A0Eucalyptus

#AAEAC7Seafoam

#F0FFF2Ivory

Eucalyptus & Seafoam Shore color palette

Spring Gradient Cold Green White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Fern	`#437F63`	`rgb(67, 127, 99)`	`hsl(152, 31%, 38%)`	`oklch(54.7% 0.077 162)`
Eucalyptus	`#6CD0A0`	`rgb(108, 208, 160)`	`hsl(151, 52%, 62%)`	`oklch(78.4% 0.118 161)`
Seafoam	`#AAEAC7`	`rgb(170, 234, 199)`	`hsl(147, 60%, 79%)`	`oklch(88.4% 0.081 160)`
Ivory	`#F0FFF2`	`rgb(240, 255, 242)`	`hsl(128, 100%, 97%)`	`oklch(98.5% 0.023 149)`

Why it works and how to use it

Eucalyptus & Seafoam Shore is a monochromatic color palette tagged spring, gradient, cold. All four colors sit within 5° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. The overall temperature is cool.

With 3 chromatic colors, Seafoam takes the lead while the rest support. Lightness runs from 38% to 97%. Well suited to websites, presentations and branding.

Background: Ivory (#F0FFF2) is the lightest color, so it belongs on large surfaces.
Text: Fern (#437F63) on #F0FFF2 gives 4.56:1, passing WCAG AA.
Primary: Seafoam (#AAEAC7) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Eucalyptus (#6CD0A0) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Fern on Ivory at 4.56:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Eucalyptus & Seafoam Shore

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#437F63

#6CD0A0

#AAEAC7

#F0FFF2

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#437F63` on `#F0FFF2`	Aa	4.56:1	AA
`#437F63` on `#AAEAC7`	Aa	3.44:1	AA large only
`#437F63` on `#6CD0A0`	Aa	2.51:1	Fail
`#6CD0A0` on `#F0FFF2`	Aa	1.82:1	Fail
`#6CD0A0` on `#AAEAC7`	Aa	1.37:1	Fail
`#AAEAC7` on `#F0FFF2`	Aa	1.33:1	Fail

Similar palettes 24 more in this mood