Tempered Lantern color palette — #FFEBF6 · #F3C3AB · #B0785F · #6F3C30 · #2E0E22

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

The five colors

• Blush (#FFEBF6): A whisper-light, dusty pink — the color of neon signs at night.
• Wheat (#F3C3AB): A whisper-light, dusty orange — the color of toasted spice.
• Caramel (#B0785F): A luminous, dusty orange — the color of autumn markets.
• Cocoa (#6F3C30): A full-bodied, dusty orange — the color of autumn markets.
• Deep Indigo (#2E0E22): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Tempered Lantern 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 Garnet Archive color palette (#F8EDFF, #F6BED2, #AA728B, #6B3954, #291431)
• Washed Driftwood color palette (#E2FAE0, #EECBA1, #A27C4C, #60440D, #291700)
• Muted Harbor color palette (#FFF0F9, #DFB5CF, #AE7256, #7B3C1F, #54291C)
• Patina Bronze Grove color palette (#FFF2EA, #FFCEC0, #CA8A76, #9B552E, #532C19)
• Worn Cerulean color palette (#F7EFF3, #E4B99F, #3790A1, #986342, #061820)
• Apricot Boulevard color palette (#FFEFDF, #F19038, #9F5F00, #532F00, #180A00)
• Worn Pier color palette (#F9EFF2, #A6CFB4, #7B5A38, #422832, #1B1014)
• Powdered Amber Summit color palette (#FFD8A2, #CA881D, #7C4B00, #382600, #090400)

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