Stone Coast color palette — #FFF1F6 · #D2DDCD · #BBCC9E · #9D725D · #41523F

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Bone (#D2DDCD): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#BBCC9E): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#9D725D): A full-bodied, dusty orange — the color of sun-warmed clay.
• Charcoal Brown (#41523F): A full-bodied, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, muted.

Use it as a design system

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

• Tempered Driftwood color palette (#E2FDE9, #BAE6E4, #95CDD3, #937B53, #3E5046)
• Patina Coast color palette (#FFF0FB, #E7D5D7, #F3BF96, #A56F71, #564450)
• Timeworn Cocoa color palette (#FFF2EA, #DEDEC7, #AFD5AB, #BC847D, #6E4200)
• Tempered Oat color palette (#FFECF4, #D7FADA, #D0D499, #AA7670, #3E222D)
• Olive Meadow color palette (#D9FFF1, #D8FFB1, #87C487, #7F740A, #274F43)
• Aged Bloom color palette (#FFF4DF, #EBD05E, #9CAA00, #925B00, #493B06)
• Taupe Terrace color palette (#FFF0F8, #CE9A79, #936651, #67455D, #4D353F)
• Marigold Coast color palette (#D0E9CE, #C99F3B, #908100, #572E00, #201400)

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