Stone Harbor color palette — #FAEFEC · #CCC688 · #815259 · #402B26 · #1C110E

Built around Pistachio, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Cream (#FAEFEC): a clean, paper-quiet neutral.
• Pistachio (#CCC688): A luminous, balanced green — the color of fresh herbs.
• Coffee (#815259): A full-bodied, dusty red — the color of embers at dusk.
• Espresso (#402B26): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#1C110E): quiet, heavy and certain.

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

Use it as a design system

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

• Ancient Pewter Villa color palette (#FAF2FC, #9ACCBF, #7E4E59, #413245, #2B2125)
• Mustard Veranda color palette (#F7F1E7, #D5AD57, #6A5108, #352400, #110C04)
• Driftwood Terrace color palette (#FBF2FA, #B8DCBF, #A06E6D, #5B445A, #312830)
• Ancient Basin color palette (#FAF0E2, #E19869, #7A7C4C, #63475F, #372919)
• Ancient Emerald Basin color palette (#F9EFEC, #FCAAA7, #619158, #9E5C5B, #16170B)
• Bronze Coast color palette (#F5EAD0, #866000, #32393F, #241E00, #040300)
• Tempered Mustard color palette (#FFEEE5, #C2A600, #882200, #3F0C01, #120400)
• Amber Lantern color palette (#EEDDD1, #A88B00, #5D2600, #220A00, #040100)

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