Scarlet Pier color palette — #CCF3FF · #008EAB · #CF2700 · #8A5100 · #003743

Brick and Ochre set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CCF3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008EAB): A full-bodied, balanced blue — the color of deep harbor water.
• Brick (#CF2700): A full-bodied, vivid orange — the color of autumn markets.
• Ochre (#8A5100): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#003743): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, 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

• Antique Plum color palette (#B8FAF9, #009292, #D20057, #8E4E00, #1C381D)
• Linen Quarry color palette (#E2FDEB, #00859A, #955400, #005936, #00323B)
• Worn Azure color palette (#C8F8E7, #2A9CDC, #944900, #5F5C00, #04344F)
• Gentle Terracotta color palette (#DAEAE2, #007698, #A03600, #634800, #002330)
• Softworn Thicket color palette (#C1FAE2, #009671, #C40099, #B6001F, #003A2A)
• Pale Bronze Grove color palette (#FEF0FF, #508CCE, #AD6900, #4E7626, #433144)
• Hushed Bronze Courtyard color palette (#FFEBD2, #AB9E57, #8C6000, #743500, #37362F)
• Moss Archive color palette (#FFF0F8, #978ECD, #948D31, #528362, #4E3C45)

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