Frosted Pier color palette — #ECE3F3 · #00C1CC · #CE8800 · #302C09 · #231300

Mustard and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#ECE3F3): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#00C1CC): A luminous, balanced blue — the color of open sky before noon.
• Mustard (#CE8800): A luminous, balanced gold — the color of honey in a jar.
• Espresso (#302C09): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#231300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged neon, dark, vibrant.

Use it as a design system

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

• Muted Moss Cabin color palette (#F5DBEF, #00B7D9, #859500, #112B16, #161409)
• Mustard Market color palette (#F9DDF5, #3CCBFC, #B6AD00, #223919, #262218)
• Gentle Ember Courtyard color palette (#DDE6F3, #00C897, #F8611B, #311C00, #1C0F07)
• Worn Mustard color palette (#EEDCFF, #38EEDB, #EFB300, #44443D, #322D25)
• Feathered Clover color palette (#D2EEF3, #00D971, #C9AD00, #554800, #021C0F)
• Timeworn Fern color palette (#F9F5E7, #D4D5BE, #86B395, #596000, #34332C)
• Frosted Courtyard color palette (#F3E4FD, #00B3B0, #FD2C4D, #360209, #0C0100)
• Amber Villa color palette (#F3E2CA, #B88A00, #4E3600, #251800, #0A0900)

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