Softworn Tangerine Lantern color palette — #FFDED1 · #FC671C · #009EBE · #BB4500 · #001F27

Tangerine and Terracotta set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#FFDED1): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#FC671C): A luminous, vivid orange — the color of autumn markets.
• Cerulean (#009EBE): A luminous, balanced blue — the color of open sky before noon.
• Terracotta (#BB4500): A full-bodied, vivid orange — the color of autumn markets.
• Midnight (#001F27): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Energy. Tagged warm.

Use it as a design system

One click turns Softworn Tangerine 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

• Powdered Apricot color palette (#F2E6DC, #F6952C, #0087B7, #A35C00, #001E2C)
• Ember Alley color palette (#FFE2D7, #E55A00, #0092AE, #536AB9, #240700)
• Blush Studio color palette (#FFE9E4, #FF5878, #00A592, #C52B51, #00201C)
• Rose Atelier color palette (#F5DDEC, #00B1BF, #FF4B3D, #362F2C, #0C0200)
• Dusty Coral Veranda color palette (#FFE5FB, #F66F6B, #007DB8, #870015, #000812)
• Washed Ember color palette (#FFEAE0, #DA5800, #228C0E, #893400, #032201)
• Gentle Periwinkle color palette (#FDE0B9, #FDBB4C, #4DAFFF, #9A6A00, #003053)
• Washed Indigo color palette (#F4E7D2, #D3AA2D, #4C70E9, #8A6C00, #07114A)

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