Mustard Lantern color palette — #FEF1F8 · #E9D5D9 · #B7D07C · #B3BDA7 · #5B3C49
A conversation between Pistachio and Cocoa, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FEF1F8): a clean, paper-quiet neutral.
- Silver (#E9D5D9): A whisper-light, dusty red — the color of a theater curtain.
- Pistachio (#B7D07C): A luminous, balanced green — the color of new leaves after rain.
- Stone (#B3BDA7): A luminous, dusty green — the color of new leaves after rain.
- Cocoa (#5B3C49): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.
Use it as a design system
One click turns Mustard 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
- Softworn Chartreuse Thicket color palette (#FEF1F7, #E9D5D0, #A9D678, #B0C7D6, #33503E)
- Washed Mustard color palette (#FFF2EA, #E9D7D0, #E8C695, #D7B358, #6C3E00)
- Clover Studio color palette (#FFF1F6, #F5D2CB, #E1C48F, #00DB52, #453100)
- Worn Moss Bloom color palette (#FFF0FB, #F4C6A8, #D6AE6D, #9F943B, #29564E)
- Washed Apricot color palette (#FDF2F5, #F2CDA7, #CBBBFF, #D99952, #50466B)
- Tempered Courtyard color palette (#EDF8F5, #C7E4E7, #84C2C8, #A392B3, #395254)
- Apricot Courtyard color palette (#FDEDF4, #E8A57D, #6A8274, #5F4F57, #252025)
- Hushed Sand color palette (#FDEFE6, #E2CDC4, #FFB18B, #84A273, #342F2A)
Browse the whole catalog at Explore, or see today's palette.