Peony Lantern color palette — #F5DFDB · #D76483 · #5E4740 · #3C2824 · #201514

A conversation between Hot Pink and Cocoa, giving this palette its sense of sophistication.

The five colors

• Shell Pink (#F5DFDB): A whisper-light, dusty orange — the color of toasted spice.
• Hot Pink (#D76483): A luminous, balanced red — the color of embers at dusk.
• Cocoa (#5E4740): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#3C2824): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#201514): quiet, heavy and certain.

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

Use it as a design system

One click turns Peony 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

• Lilac Thicket color palette (#F9DCE3, #AB79BC, #624447, #3B272C, #1E1518)
• Washed Amber color palette (#F6DFD3, #D07054, #723E08, #4C1F00, #1E1613)
• Blush Veranda color palette (#FBF1FE, #E77391, #543D53, #251928, #070408)
• Antique Quarry color palette (#ECDFF1, #F082A3, #87637B, #514455, #19171E)
• Scarlet Villa color palette (#F3D9CE, #DF071A, #582816, #2E1105, #140200)
• Washed Lantern color palette (#FFF2EA, #DB8F6B, #999E5A, #AB7097, #3D3632)
• Hushed Bronze color palette (#EDE0CE, #A47800, #523C00, #2A200F, #120C06)
• Washed Coast color palette (#FFDFD5, #F0A19A, #D07968, #A5593E, #613720)

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