Scarlet Pier color palette — #EEE7FA · #009F8F · #DD3800 · #230300 · #040103

A conversation between Crimson and Fern, giving this palette its sense of energy and balance.

The five colors

• Blush (#EEE7FA): A whisper-light, dusty violet — the color of a velvet chair.
• Fern (#009F8F): A luminous, balanced teal — the color of shallow lagoons.
• Crimson (#DD3800): A full-bodied, vivid orange — the color of autumn markets.
• Ink (#230300): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#040103): a grounded near-black with real depth.

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

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

• Crimson Boulevard color palette (#E5DAFB, #00A086, #E5005E, #2A020C, #040105)
• Antique Garden color palette (#F1EDFB, #00AD9B, #C16E00, #0F0C05, #030100)
• Ancient Alley color palette (#FFD9E6, #0083BF, #A45800, #100B01, #060002)
• Plum Terrace color palette (#DFF6E2, #00A1E2, #BF0070, #1C0A25, #040007)
• Muted Veranda color palette (#FBEAEF, #A07E00, #522F00, #1A0B00, #060002)
• Quiet Studio color palette (#E5E9FF, #FF7262, #927600, #012411, #000A03)
• Weathered Ridge color palette (#D7E3D5, #B57300, #006154, #613B00, #000203)
• Fern Workshop color palette (#DAE4DE, #A2BBB4, #739F9E, #5F5300, #0A1710)

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