Hushed Lantern color palette — #FFF1F4 · #EFFDC5 · #977A9E · #563F44 · #22181A

Built around Custard, softened by Heather — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Custard (#EFFDC5): A whisper-light, dusty green — the color of a quiet forest floor.
• Heather (#977A9E): A luminous, dusty pink — the color of neon signs at night.
• Cocoa (#563F44): A deep, shadowed, dusty red — the color of a theater curtain.
• Ink (#22181A): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Wandering Bronze color palette (#FFF2EC, #F5E7A0, #A56151, #3E3733, #160D09)
• Taupe Cabin color palette (#FDF2F5, #D5E5BF, #BE8F9C, #83636B, #35272B)
• Softworn Pewter color palette (#F1F0FB, #9ACED1, #70567A, #312C4C, #14121C)
• Patina Mallow Veranda color palette (#FFF1F1, #F6A6D5, #83BE9B, #608E73, #3C2D2D)
• Apricot Cabin color palette (#FDF2F2, #EBD8DB, #D4A46B, #B988AA, #261C11)
• Ancient Corridor color palette (#FFF1F1, #DDE15C, #994B7D, #481C38, #120304)
• Tempered Cocoa color palette (#FDF5E0, #FFCDD9, #C9966A, #567C6B, #672B0F)
• Antique Taupe color palette (#FFF1F1, #E9D5CD, #DA9B84, #9B7246, #4B4100)

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