Scarlet Pier color palette — #FFF1F2 · #FF70DA · #E22D20 · #6A4A00 · #270756
Built around Poppy, softened by Bubblegum — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#FFF1F2): bright and airy, almost weightless.
- Bubblegum (#FF70DA): A luminous, vivid pink — the color of peonies in June.
- Poppy (#E22D20): A full-bodied, vivid orange — the color of autumn markets.
- Bronze (#6A4A00): A full-bodied, balanced gold — the color of old brass.
- Deep Indigo (#270756): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Optimism, Creativity, Energy. Tagged 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
- Feathered Raspberry color palette (#FFF1F4, #DA86FA, #DA3266, #784100, #141654)
- Blush Lagoon color palette (#FFF2EF, #FF809A, #BB6400, #575400, #350940)
- Sunlit Peony Hollow color palette (#FFF2EF, #E95587, #9A4900, #403900, #170024)
- Gentle Orchid Pier color palette (#F1F0FF, #AF54CD, #8D4400, #00461C, #00192F)
- Peony Quarry color palette (#FFF0F8, #FFA3CF, #FF3D99, #AF2055, #5E1626)
- Crimson Basin color palette (#FFEEE9, #D23851, #6E4100, #222800, #050004)
- Gentle Tangerine color palette (#FFF2EB, #F96515, #7E6900, #004D1B, #2A000F)
- Hushed Apricot color palette (#FFF2EB, #FF8861, #9B7900, #226100, #420028)
Browse the whole catalog at Explore, or see today's palette.