Stone Lagoon color palette — #FFF1F4 · #DBB0EB · #B7BD71 · #65AB89 · #49383C

Pistachio and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#DBB0EB): A luminous, balanced pink — the color of peonies in June.
• Pistachio (#B7BD71): A luminous, balanced green — the color of fresh herbs.
• Jade (#65AB89): A luminous, balanced teal — the color of sea glass.
• Charcoal (#49383C): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, muted.

Use it as a design system

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

• Weathered Moss color palette (#FFF1F2, #E0A9DD, #A3A948, #3E968F, #3B2B37)
• Hushed Shell color palette (#FFF2EF, #FBA7BA, #8EC798, #68A4B2, #4C3733)
• Apricot Dune color palette (#FEF0FB, #AAC0FF, #E7A76F, #96A067, #453942)
• Patina Loft color palette (#FBF3F3, #E0D9D3, #D5A8A8, #A1B4AC, #575150)
• Worn Emerald Lantern color palette (#FFE9E5, #FFA0BC, #40A44E, #0092A9, #381F1B)
• Tempered Corridor color palette (#FBF3F4, #FBCBFE, #F69D82, #CA95CE, #332C28)
• Blush Workshop color palette (#FFF1F2, #FFCFE0, #F79D9F, #C1796A, #6D3813)
• Chalky Corridor color palette (#FFDDC7, #FF7E3C, #00ACAE, #026CEE, #381200)

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