4-Color Porpoise Place Palette
4-color palette · Neutral · Light · Complementary harmony
4-Color Porpoise Place Palette
4-color palette · Neutral temperature · Light tone · Complementary harmony
CSS variables
:root {
--c-earthy-1: #C2DEDC;
--c-earthy-2: #ECE5C7;
--c-earthy-3: #CDC2AE;
--c-earthy-4: #116A7B;
}
About this palette
This 4-color earthy palette runs from Proper Temperature (#ECE5C7) as its lightest tone to Porpoise Place (#116A7B) as its darkest. It blends Cold Air Turquoise, Proper Temperature, Tuft and Porpoise Place into a single set you can drop straight into a UI. Of its 6 color pairings, 1 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #ECE5C7 on #116A7B at 4.92:1.
Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.
Color breakdown
Contrast & accessibility
1 of 6 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.