Stone Harbor color palette — #FCF1FC · #F0AF95 · #445F87 · #423341 · #2A2124

A conversation between Melon and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF1FC): bright and airy, almost weightless.
• Melon (#F0AF95): A luminous, balanced orange — the color of toasted spice.
• Peacock (#445F87): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#423341): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#2A2124): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, 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

• Stone Pier color palette (#FBF2F7, #A9CC9D, #575A80, #44323E, #2C2022)
• Dusty Cerulean color palette (#EEF6FF, #ECC4D5, #617FA6, #3C4F64, #232C37)
• Weathered Ash color palette (#EEF6FF, #CAE7CF, #7CA3C7, #4F708F, #222D37)
• Antique Powder color palette (#F9F3FA, #91C5FC, #A66683, #43709F, #362A29)
• Patina Mustard color palette (#FFF0FD, #BCA000, #274289, #12234E, #241422)
• Cerulean Harbor color palette (#FAF2FA, #638FCB, #924F37, #3D5A37, #3A2E3A)
• Worn Chapel color palette (#FAF2F8, #E4D7D6, #AEAEA2, #95788B, #575055)
• Powder Thicket color palette (#FFF0FF, #B4B8F8, #8D71A4, #774C6A, #6E3140)

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