Scarlet Pier color palette — #FFEEE6 · #CC1F14 · #9E0803 · #00492B · #22020B

Brick and Garnet set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEEE6): A whisper-light, dusty orange — the color of autumn markets.
• Brick (#CC1F14): A full-bodied, vivid orange — the color of sun-warmed clay.
• Garnet (#9E0803): A full-bodied, vivid orange — the color of autumn markets.
• Forest (#00492B): A deep, shadowed, balanced teal — the color of glacier melt.
• Ink (#22020B): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Warmth, Comfort, Energy, Balance. Tagged jewel, vibrant, warm.

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

• Gentle Study color palette (#FFEEE6, #CC2927, #8C3700, #313800, #010C2C)
• Misty Ridge color palette (#FFEEE5, #BB3512, #645900, #004262, #1C0700)
• Brick Dune color palette (#E5FBCD, #A676DC, #A92E39, #004654, #2F0B2B)
• Hushed Terracotta color palette (#EFDCCE, #933300, #563B00, #0E3300, #0C0004)
• Plum Thicket color palette (#FFE4DE, #C20F56, #3E2205, #230502, #0A0102)
• Bronze Hollow color palette (#FCF0E1, #925C00, #694600, #004422, #180106)
• Antique Peony Workshop color palette (#FAF1FF, #DD6798, #A75300, #006256, #371329)
• Ancient Chestnut Studio color palette (#FBF0E4, #AD7A40, #8A5611, #005155, #230B07)

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