Tempered Stone Harbor color palette — #F7F3FF · #F2D4D4 · #E19CAF · #A26468 · #64475E

Ballet Pink and Mocha set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Shell Pink (#F2D4D4): A whisper-light, dusty red — the color of embers at dusk.
• Ballet Pink (#E19CAF): A luminous, balanced red — the color of a theater curtain.
• Mocha (#A26468): A full-bodied, balanced red — the color of a theater curtain.
• Charcoal Brown (#64475E): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Warmth, Comfort, Sophistication. Tagged light, muted, warm.

Use it as a design system

One click turns Tempered 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

• Tempered Mallow Studio color palette (#F2F5FF, #EFD2ED, #CCA5E2, #936C96, #5A4E6B)
• Coral Boulevard color palette (#EDEDFF, #F0C1E8, #E89BB8, #CB7971, #694256)
• Muted Stone Ridge color palette (#FFF0FE, #E8DDD7, #E2A49F, #915C56, #451D1B)
• Weathered Peony color palette (#FFECF2, #D09EC8, #C66A87, #864646, #36302C)
• Softworn Apricot Study color palette (#FFF0FD, #FFD8CC, #E1A082, #A0744D, #3D563E)
• Coral Boulevard color palette (#FAF2FC, #F6D4C9, #91DBDA, #CB828F, #184E5B)
• Tempered Rust color palette (#FFD9DE, #FF8B8B, #CD4631, #803100, #2D1500)
• Weathered Driftwood Thicket color palette (#ECFAEC, #BAE9E2, #9CB79C, #936E7E, #32443B)

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