coolpastel
Lagoon Mist Color Palette
Lagoon Mist is a cool and pastel color palette of 5 colors: Alice Blue (#edf6f9), Medium Turquoise (#83c5be), Pine Green (#006d77), Misty Rose (#ffddd2) and Dark Salmon (#e29578). Its dominant hue is blue.
The darkest color, Pine Green, on the lightest, Alice Blue, gives a 5.54:1 contrast ratio — enough for body text at WCAG AA. 2 pairs in this palette pass AA for normal text. Dark Salmon (#e29578) is its most saturated color and a natural choice for buttons and links.
Colors
- Alice Blue
- Medium Turquoise
- Pine Green
- Misty Rose
- Dark Salmon
CSS Output
:root {
--lagoon-mist-1: #edf6f9;
--lagoon-mist-2: #83c5be;
--lagoon-mist-3: #006d77;
--lagoon-mist-4: #ffddd2;
--lagoon-mist-5: #e29578;
}Lagoon Mist 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.
- Pine Green on Alice Blue#006d77 on #edf6f95.54:1AA
- Pine Green on Misty Rose#006d77 on #ffddd24.78:1AA
- Pine Green on Medium Turquoise#006d77 on #83c5be3.09:1AA Large