Scarlet Basin color palette — #F3D7E7 · #FF6F96 · #F82B1B · #A34B00 · #432C00

A conversation between Scarlet and Rose, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F3D7E7): A whisper-light, dusty pink — the color of a candy shop window.
• Rose (#FF6F96): A luminous, vivid red — the color of late-summer berries.
• Scarlet (#F82B1B): A luminous, vivid orange — the color of toasted spice.
• Ochre (#A34B00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#432C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Energy. Tagged vibrant, warm.

Use it as a design system

One click turns Scarlet Basin 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 Rose Balcony color palette (#F6E6F6, #F578C2, #FB245F, #B93908, #422400)
• Sunlit Scarlet color palette (#FFE8EC, #F36870, #DA2600, #863300, #4A2400)
• Gentle Summit color palette (#FCDEEA, #FF95A0, #F76638, #AA6200, #453400)
• Feathered Study color palette (#FFE7ED, #F85649, #B65C00, #744C00, #262100)
• Timeworn Brick color palette (#F1E1E7, #D35768, #A91419, #5B2200, #261400)
• Aged Corridor color palette (#F5D7C5, #FF8A57, #00B5CA, #D55300, #002F36)
• Patina Amber color palette (#FFDDCC, #FFA77B, #E37800, #A24600, #2A0E00)
• Coral Harbor color palette (#EEE6FA, #78B2FF, #FF776F, #5E332F, #200E07)

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