Tempered Stone color palette — #FFF1F0 · #FFC1C2 · #E6A787 · #B88C60 · #514E47

Melon and Caramel set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Shell Pink (#FFC1C2): A whisper-light, dusty red — the color of late-summer berries.
• Melon (#E6A787): A luminous, balanced orange — the color of toasted spice.
• Caramel (#B88C60): A luminous, balanced gold — the color of honey in a jar.
• Charcoal Brown (#514E47): a grounded near-black with real depth.

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

Use it as a design system

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

• Dusty Cocoa color palette (#FFF2EA, #EBD6BD, #D2AD95, #AC887F, #594500)
• Muted Amber color palette (#F9EDFF, #F1A7A8, #C16A3C, #764A13, #263F2F)
• Powdered Amber color palette (#F3D7D9, #FFA280, #E28900, #9B7500, #3C4700)
• Hushed Mustard color palette (#FFE5D2, #E7C079, #B3AF57, #6C9A5B, #25543A)
• Washed Sand color palette (#FFF3E8, #F8B788, #94C4E6, #92A1CE, #623600)
• Airy Amber color palette (#FDE5D7, #C98400, #8E7E00, #4E6800, #002307)
• Chestnut Thicket color palette (#FDD5FF, #B2E5FF, #FFC4B6, #8C4F2D, #38322F)
• Soft Moss color palette (#F6E7CF, #B3B500, #72A400, #008456, #003C35)

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