Quiet Lagoon color palette — #FFDAD9 · #FFABD5 · #04C872 · #CD008C · #00381C

Fuchsia and Clover set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFDAD9): A whisper-light, dusty red — the color of embers at dusk.
• Carnation (#FFABD5): A whisper-light, balanced rose — the color of pressed rose petals.
• Clover (#04C872): A luminous, vivid teal — the color of glacier melt.
• Fuchsia (#CD008C): A full-bodied, vivid rose — the color of a warm blush.
• Deep Forest (#00381C): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

One click turns Quiet Lagoon into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Quiet Magenta Studio color palette (#FFDADE, #FFA4F6, #5DC502, #BF00B8, #153700)
• Rose Thicket color palette (#FFDCD1, #FF8F96, #00BFBF, #F61D52, #003636)
• Wandering Rose color palette (#FFF2EF, #FFA8BA, #3ED4FF, #EA477A, #004252)
• Weathered Harbor color palette (#EEDDFE, #FF4BB9, #B08400, #B90080, #3C2B00)
• Airy Peony color palette (#E9DAE2, #DF2BA9, #008660, #870063, #001C11)
• Violet Studio color palette (#FFD8EA, #BAA4FF, #A6C020, #8B53F3, #2A3200)
• Frosted Amber color palette (#F9D7BD, #E4AC62, #E46E00, #B54844, #322800)
• Feathered Crimson color palette (#F6D6CD, #FF8391, #11ACF6, #D64961, #002C44)

Browse the whole catalog at Explore, or see today's palette.