Hazy Scarlet color palette — #FFEEE6 · #D20814 · #006864 · #004340 · #170215

Crimson and Pine set the tone — five colors that lean into energy and balance.

The five colors

• Cream (#FFEEE6): A whisper-light, dusty orange — the color of autumn markets.
• Crimson (#D20814): A full-bodied, vivid orange — the color of sun-warmed clay.
• Pine (#006864): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004340): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#170215): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Hazy Scarlet 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

• Timeworn Bronze color palette (#FDEFE2, #9F4E00, #005E5F, #003F3F, #1A030C)
• Dusty Scarlet Coast color palette (#FFEEE5, #E93301, #006679, #003D5B, #001638)
• Dusty Delta color palette (#FFEDED, #C9007C, #00613F, #00472D, #00110B)
• Softworn Bronze color palette (#FCEFE3, #BA6A00, #006796, #004465, #230D17)
• Coral Boulevard color palette (#FFF0FE, #FF6772, #008559, #005576, #140F28)
• Timeworn Crimson Garden color palette (#FFF2EF, #D41058, #624800, #3A207B, #35152E)
• Patina Amber Courtyard color palette (#FFF0F7, #D76A00, #638200, #006083, #311D3A)
• Airy Rose Coast color palette (#FCF3C0, #F74172, #7B5C00, #004070, #330F04)

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