Scarlet Pier color palette — #F9ECD7 · #DF4C40 · #906B00 · #00574D · #010200

Built around Scarlet, softened by Ochre — the whole palette hums with optimism and balance.

The five colors

• Cream (#F9ECD7): A whisper-light, dusty gold — the color of honey in a jar.
• Scarlet (#DF4C40): A luminous, vivid orange — the color of autumn markets.
• Ochre (#906B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#00574D): A full-bodied, dusty teal — the color of sea glass.
• Black (#010200): quiet, heavy and certain.

Feels like: Optimism, Balance. Tagged candy, vibrant, light.

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

• Worn Delta color palette (#F8EDE1, #F92273, #A35900, #175200, #020100)
• Antique Amber color palette (#F1EBDD, #CA7400, #887300, #055B11, #090B00)
• Washed Bronze Canyon color palette (#ECEACE, #AD6A00, #4F6E00, #00434D, #000200)
• Dusty Coral Basin color palette (#DBF2E1, #F86B50, #B08800, #007A62, #060900)
• Onyx Pier color palette (#F8E5E3, #786730, #1A5630, #3B0529, #18000F)
• Linen Marigold Grove color palette (#D5FAE3, #F09A09, #B29E00, #007F26, #010100)
• Inked Fern color palette (#F8E9C7, #586100, #254100, #001F0D, #000807)
• Obsidian Cypress color palette (#E7E3C4, #287954, #003F3F, #390624, #000402)

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