Scarlet Pier color palette — #E9F8FF · #00AEC6 · #DF0719 · #006643 · #003B25

Crimson and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Cyan (#00AEC6): A luminous, balanced blue — the color of open sky before noon.
• Crimson (#DF0719): A full-bodied, vivid orange — the color of autumn markets.
• Pine (#006643): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#003B25): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Energy, Balance. Tagged vibrant, cool.

Use it as a design system

One click turns Scarlet 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 Rust Pier color palette (#ECF7FF, #1BAFF3, #BC4300, #006550, #003A2D)
• Soft Scarlet color palette (#FDF0FF, #6AB3FF, #D14750, #10620C, #032A02)
• Washed Brick Chapel color palette (#D2E5EF, #0095B5, #BA0E01, #004E40, #00261E)
• Soft Orchard color palette (#F0F5FF, #7593FF, #987000, #006546, #003A27)
• Hazy Byzantium color palette (#E1FBFD, #1CBE93, #B609B3, #3F6100, #093C03)
• Aged Peony Villa color palette (#F1F5FF, #B0ACFF, #D968C0, #C44239, #003451)
• Cypress Terrace color palette (#C5F4FF, #A4BAF3, #BB85AB, #257B5A, #1E513C)
• Faded Indigo Quarry color palette (#FFF0FB, #5767FF, #A20B54, #503D00, #003A2F)

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