Misty Pier color palette — #CBE7CE · #F4B730 · #538CEA · #A77900 · #062559

Saffron takes the lead with Azure close behind in a set that reads as trust and stability at first glance.

The five colors

• Celadon Mist (#CBE7CE): A whisper-light, dusty green — the color of fresh herbs.
• Saffron (#F4B730): A luminous, balanced gold — the color of old brass.
• Azure (#538CEA): A luminous, balanced blue — the color of deep harbor water.
• Ochre (#A77900): A luminous, balanced gold — the color of afternoon light on wheat.
• Midnight (#062559): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Ancient Periwinkle color palette (#F3D4E1, #FFAD6E, #45A7FF, #A55700, #002A4D)
• Mustard Study color palette (#DFF5E7, #DCBE00, #8BAEFF, #A7910F, #23335B)
• Linen Indigo color palette (#F3DAB7, #D69E28, #4B6ED4, #815C00, #172551)
• Dusty Bloom color palette (#CFF3E3, #B4B82D, #5D6BE9, #747600, #0F0F4A)
• Wandering Chartreuse Coast color palette (#C2E8DA, #BBD031, #9E8EFF, #6A7700, #28204F)
• Cobalt Coast color palette (#F2E4CE, #9F7900, #006DBC, #5A4200, #001227)
• Washed Lantern color palette (#F4D3E6, #FF8A56, #00B6C0, #CB5D28, #003033)
• Frosted Terrace color palette (#E1EEE1, #EBAA35, #A876CA, #6E6EE7, #2C1C00)

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