Stone Harbor color palette — #E8FAF6 · #A6D297 · #80B8CB · #A47756 · #1F3733
A conversation between Pistachio and Mocha, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E8FAF6): a clean, paper-quiet neutral.
- Pistachio (#A6D297): A luminous, balanced green — the color of new leaves after rain.
- Ash (#80B8CB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Mocha (#A47756): A luminous, dusty gold — the color of afternoon light on wheat.
- Deep Forest (#1F3733): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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
- Aged Bloom color palette (#E9F8FD, #85D3D3, #A4ABD5, #828754, #22353B)
- Stone Grove color palette (#EBF9F3, #C0CB7F, #D49CAB, #AA7163, #25362F)
- Stone Boulevard color palette (#E7FAF5, #AFCF97, #6EBCCC, #5C87AB, #1F3732)
- Timeworn Atelier color palette (#E9F9FB, #8AD3C2, #AAB2EA, #CD7E96, #2A4245)
- Hushed Glacier color palette (#ECF7FB, #84DDDF, #759EC8, #72618C, #0A4140)
- Muted Cerulean color palette (#E3FAFF, #C2DAFD, #7BC2CC, #30869C, #00475F)
- Teal Study color palette (#EEF7F7, #B9DFEF, #68BFC0, #59AD89, #122125)
- Linen Jade color palette (#DAFEFD, #00C57E, #199BE3, #885E00, #002212)
Browse the whole catalog at Explore, or see today's palette.