Tempered Delta color palette — #FBF3F2 · #DFD9D2 · #CCBDAC · #956471 · #4F4543

A conversation between Mocha and Stone, giving this palette its sense of sophistication.

The five colors

• Ivory (#FBF3F2): bright and airy, almost weightless.
• Bone (#DFD9D2): bright and airy, almost weightless.
• Stone (#CCBDAC): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#956471): A full-bodied, dusty red — the color of late-summer berries.
• Cocoa (#4F4543): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Pewter Canyon color palette (#F9EFEE, #DED6CD, #C1BCAF, #966378, #352827)
• Dusty Chestnut color palette (#F9F4EF, #D9DBCF, #BCB39B, #7F5D20, #3E3A34)
• Worn Coral color palette (#FFF2ED, #F9D2C9, #FF8985, #BB6B44, #48403D)
• Antique Grove color palette (#FFEBE0, #C2A893, #9C815F, #62651B, #37503E)
• Washed Basalt Loft color palette (#E9E4DC, #BEB8AA, #998E65, #554200, #251E12)
• Patina Hollow color palette (#F5DFD6, #AD5148, #4C2618, #2A1B14, #100C08)
• Dusty Grove color palette (#F7F6E8, #B0B38D, #498255, #804B1A, #444600)
• Washed Lantern color palette (#F3E8E5, #B8A59D, #AD6D4B, #6C0025, #1E100C)

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