Tempered Sand Coast color palette — #FDF1F8 · #FBE3AF · #72709E · #492F3E · #170B12

Built around Peach Cream, softened by Slate — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Peach Cream (#FBE3AF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Slate (#72709E): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#492F3E): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#170B12): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Antique Driftwood Pier color palette (#FFF1F4, #CDE0CE, #9779A0, #5A3D44, #23171A)
• Softworn Sand color palette (#EDF8F4, #FFE2A6, #487D9E, #0D4234, #05130E)
• Quiet Archive color palette (#FFF1F1, #FFD26F, #994A80, #491A3B, #150203)
• Hushed Iris color palette (#FBF2F8, #D4DBAB, #888FCE, #585D94, #291D25)
• Worn Denim Cabin color palette (#EEF2FA, #ABBC7C, #434F8D, #1D2448, #080C16)
• Iris Quarry color palette (#FDF2F6, #EFD3EB, #D48198, #9579C5, #1F0C0A)
• Lilac Grove color palette (#FFF0F7, #B5A6F0, #BB9851, #537F52, #321D28)
• Mallow Basin color palette (#FFF4E2, #F0B4EE, #C47987, #4A6F3D, #482728)

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