Gentle Lagoon color palette — #F4D8D8 · #FF9B83 · #E57D00 · #917200 · #3B3B00

Tangerine and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F4D8D8): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#FF9B83): A luminous, balanced orange — the color of toasted spice.
• Tangerine (#E57D00): A luminous, vivid gold — the color of old brass.
• Ochre (#917200): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#3B3B00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Gentle 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

• Worn Bronze Balcony color palette (#FFE2DC, #EC9059, #B86800, #7A4E00, #473600)
• Hazy Coral Lagoon color palette (#F3E1EE, #FF9AAD, #FE5A54, #AC5F11, #4C3605)
• Amber Meadow color palette (#FCE2D6, #F1A748, #BA9700, #688100, #243F1C)
• Pale Amber color palette (#FFF4E1, #F5C770, #D09300, #8B6900, #302100)
• Softworn Bronze Lantern color palette (#FFE7E5, #D0785A, #9F5500, #594000, #2C2400)
• Amber Coast color palette (#F7E4D2, #CFC190, #C89158, #A96457, #31312A)
• Hazy Amber color palette (#F1DBD1, #C17C00, #886D00, #485300, #021800)
• Sky Grove color palette (#F7EDDE, #FACC5B, #23C1FA, #9D7700, #003B50)

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