Misty Pier color palette — #FBF8C9 · #FF9FB0 · #A97E00 · #005D90 · #45180B

Mustard takes the lead with Ballet Pink close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FBF8C9): A whisper-light, dusty green — the color of a quiet forest floor.
• Ballet Pink (#FF9FB0): A luminous, balanced red — the color of late-summer berries.
• Mustard (#A97E00): A luminous, balanced gold — the color of afternoon light on wheat.
• Peacock (#005D90): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#45180B): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

Use it as a design system

One click turns Misty Pier 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

• Worn Loft color palette (#FFF4E1, #FF9580, #84822E, #39507D, #321C04)
• Patina Mallow Bloom color palette (#E9FED1, #FF8FF5, #CC6429, #006376, #401827)
• Aged Boulevard color palette (#FFF3E6, #FFBA8A, #7D9E62, #5D5E89, #35312B)
• Weathered Coral color palette (#FFF4DD, #FF6973, #7E6900, #003F7A, #230900)
• Misty Moss Cabin color palette (#FFF3E6, #FFA858, #459E0A, #534B98, #332600)
• Rose Lantern color palette (#DEFFE6, #DA5C6E, #845400, #004091, #582214)
• Linen Boulevard color palette (#FFF2EE, #FF8388, #008F99, #00558A, #002242)
• Misty Emerald Hollow color palette (#DFFFE2, #FFA975, #D48C00, #279234, #4E2C0C)

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