Tempered Sand color palette — #FFF0F9 · #FFCA8E · #BD8572 · #78576D · #291E25

A conversation between Cantaloupe and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Cantaloupe (#FFCA8E): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Caramel (#BD8572): A luminous, dusty orange — the color of autumn markets.
• Graphite (#78576D): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#291E25): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

Use it as a design system

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

• Sand Hollow color palette (#ECF9EE, #F6CF84, #B08F55, #4F6C52, #1B241C)
• Mustard Courtyard color palette (#FEF0FD, #D5C66D, #A25A58, #4F3B4D, #261F26)
• Worn Summit color palette (#FDF3EE, #FAE3B2, #9D665B, #542B24, #170C07)
• Apricot Studio color palette (#FFF0F7, #FF8C50, #84AC4D, #986E96, #352735)
• Linen Amber color palette (#FBE3EF, #CB8500, #8D3D00, #441A00, #060003)
• Weathered Station color palette (#F8EEF7, #ACBA8B, #7D4042, #41181A, #140714)
• Powdered Mustard Veranda color palette (#FDD9E8, #FBAD10, #BB6500, #753D00, #200412)
• Bronze Summit color palette (#E4F2E4, #AD7D00, #624100, #1F1200, #000300)

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