Apricot Lantern color palette — #FDF1F8 · #EE987A · #5796AC · #3B708B · #30435F

A conversation between Melon and Storm Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Melon (#EE987A): A luminous, balanced orange — the color of autumn markets.
• Storm Blue (#5796AC): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3B708B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#30435F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged muted, cool.

Use it as a design system

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

• Dusty Summit color palette (#EDF9EC, #DBA65D, #678EC3, #6C618A, #3C405D)
• Blush Grove color palette (#F8F3FD, #E693BC, #519E7F, #3C7182, #244759)
• Tangerine Workshop color palette (#FFF0F9, #FB651F, #008794, #4547A5, #262861)
• Softworn Study color palette (#EEF8F3, #CCCB94, #77BB91, #0099A5, #274466)
• Dusty Petal Corridor color palette (#FEF0FF, #F8CDDD, #97B6AE, #717E93, #434E5F)
• Patina Amber color palette (#E6F8E4, #CC8300, #2C77AF, #52418B, #2C2250)
• Petrol Study color palette (#FFF2EF, #F1BAC8, #98A05F, #2470A8, #532C26)
• Hushed Courtyard color palette (#FFF0FA, #F5B774, #B39E56, #777C49, #2E5651)

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