Weathered Lagoon Loft color palette — #F5F2E8 · #B2B793 · #0A8876 · #714A40 · #272916

Fern and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F2E8): a clean, paper-quiet neutral.
• Sage (#B2B793): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#0A8876): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#714A40): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#272916): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Weathered Lagoon Loft 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 Alley color palette (#F6F1EB, #CBC4A0, #5C9169, #765763, #32312A)
• Wandering Cypress Meadow color palette (#F4F2E6, #73AF91, #007375, #603B3B, #181F09)
• Patina Alley color palette (#F4F7EB, #84BEA6, #3C8179, #6A515F, #334B06)
• Sunlit Terrace color palette (#FFEDEC, #D389AD, #009FB1, #93466E, #002D33)
• Teal Veranda color palette (#EAF9F7, #BCE4F9, #5FAEA4, #6C7594, #253D3F)
• Iris Harbor color palette (#F7F1EB, #BBE8D9, #7689CE, #006C6D, #3C232E)
• Basalt Pier color palette (#FFEDEB, #E1D9C7, #CFCB8D, #906D97, #532200)
• Lowlit Studio color palette (#E8DDC8, #416400, #003321, #210130, #010100)

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