Lagoon Canyon color palette — #F8F0EB · #F1B394 · #5A916A · #95644C · #15170D

Fern takes the lead with Melon close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Melon (#F1B394): A luminous, balanced orange — the color of autumn markets.
• Fern (#5A916A): A luminous, balanced teal — the color of shallow lagoons.
• Walnut (#95644C): A full-bodied, dusty orange — the color of toasted spice.
• Ink (#15170D): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Lagoon Canyon 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

• Softworn Chapel color palette (#F9EFEE, #EFADC4, #7D8A4E, #9A5B72, #181609)
• Antique Basin color palette (#F5F1E9, #D6C37D, #1F92A2, #83712B, #101812)
• Mustard Station color palette (#FFEEE5, #E2BC7D, #82874E, #366548, #003332)
• Tempered Teal color palette (#FBF2F6, #F9C4A5, #64AD8D, #B57E5C, #1D3233)
• Dusty Parlor color palette (#FFEEE1, #D0A262, #51875D, #684656, #322C1B)
• Marigold Studio color palette (#FFEFDD, #E59300, #007B79, #7F4F00, #000D01)
• Tempered Bronze Balcony color palette (#ECE4D1, #897900, #00447E, #3E3700, #030004)
• Amber Alley color palette (#F8F0E8, #D08B36, #2E7C99, #5A4162, #391D25)

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