Apricot Lagoon color palette — #FFF2EB · #FF9878 · #44B5CD · #B7674F · #264B36

A conversation between Melon and Mocha, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Melon (#FF9878): A luminous, balanced orange — the color of toasted spice.
• Cyan (#44B5CD): A luminous, balanced blue — the color of deep harbor water.
• Mocha (#B7674F): A full-bodied, balanced orange — the color of autumn markets.
• Forest (#264B36): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

Use it as a design system

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

• Dusty Villa color palette (#FFF2EF, #F896AC, #3FBBAB, #B66376, #114D45)
• Faded Marigold color palette (#FFF3E6, #E6AA61, #74A9E3, #A5753B, #523755)
• Tempered Alley color palette (#FFF2EB, #D7886F, #3B97AD, #994D34, #004B5A)
• Misty Tangerine Garden color palette (#FFF0FA, #F9BBA9, #68CDED, #F17451, #004A5C)
• Tangerine Villa color palette (#FFF2EA, #F0824D, #52AC88, #8180B3, #3D3632)
• Quiet Ember Villa color palette (#FFF0F9, #FFC5AF, #9BCA8B, #DB5E2A, #25411C)
• Pale Apricot color palette (#FDDEC3, #F99329, #0082CD, #9A5500, #003051)
• Wandering Studio color palette (#FCF5E1, #B6C68E, #949260, #85621D, #404000)

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