Ember Pier color palette — #D1E6D0 · #C5AA00 · #FF5544 · #3C0402 · #1C0C1A

Scarlet and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D1E6D0): A whisper-light, dusty green — the color of fresh herbs.
• Gold (#C5AA00): A luminous, balanced green — the color of a quiet forest floor.
• Scarlet (#FF5544): A luminous, vivid orange — the color of sun-warmed clay.
• Espresso (#3C0402): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#1C0C1A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

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

• Pale Tangerine color palette (#D1EFE3, #9FB900, #ED6F00, #2F1F00, #23101A)
• Timeworn Tangerine Orchard color palette (#D4E8DE, #DDB700, #FF7C4D, #4C252B, #2A1925)
• Washed Canyon color palette (#EEF2D4, #EE9200, #FF419D, #411512, #1F0F26)
• Airy Alley color palette (#F3DBFA, #DB7200, #700033, #380016, #17091B)
• Peony Basin color palette (#CFE8F1, #BEB700, #FF59CA, #491738, #251112)
• Clover Basin color palette (#CCEBED, #00D764, #CB9900, #14342F, #161C17)
• Timeworn Magenta Canyon color palette (#DFEDFF, #FF7F6A, #E040FF, #340F3B, #181524)
• Dusty Lantern color palette (#C3E5EF, #B19D00, #F200B8, #28001C, #0B0314)

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