Stone Pier color palette — #E6F5F6 · #B1BA76 · #14634C · #052D30 · #010F11

Sage and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E6F5F6): a clean, paper-quiet neutral.
• Sage (#B1BA76): A luminous, balanced green — the color of fresh herbs.
• Pine (#14634C): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#052D30): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#010F11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Worn Clover Courtyard color palette (#E3F5FF, #64C237, #005569, #00252F, #000910)
• Patina Ridge color palette (#EAF8FD, #F2B1AE, #367E85, #184959, #15242A)
• Antique Workshop color palette (#E9F4F8, #00CBDA, #1D7DB0, #00727B, #040F19)
• Charred Fern color palette (#CAEAF7, #3D6500, #383034, #00181C, #000102)
• Cobalt Cabin color palette (#E2F6FC, #009A99, #676DB3, #535710, #081D23)
• Emerald Station color palette (#D6E2ED, #42A460, #003D5D, #001422, #000205)
• Weathered Azure Coast color palette (#D4FBFA, #00A9E6, #3E6CA7, #5D355E, #102535)
• Pale Sky color palette (#E0F6FF, #54C0FD, #407EB0, #234D84, #091753)

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