Scarlet Harbor color palette — #F7D2E4 · #E9AA54 · #D97633 · #D21025 · #322800

Built around Crimson, softened by Coral Clay — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F7D2E4): A whisper-light, dusty rose — the color of strawberry cream.
• Gold (#E9AA54): A luminous, balanced gold — the color of honey in a jar.
• Coral Clay (#D97633): A luminous, balanced gold — the color of afternoon light on wheat.
• Crimson (#D21025): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#322800): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Bronze Market color palette (#F6D8C1, #D79458, #B75A00, #8A3300, #3C2200)
• Soft Rust color palette (#C7E9C6, #C9B874, #C78500, #B44F00, #272D00)
• Taupe Ridge color palette (#FFF0F8, #EBC4D0, #D39F85, #AF7774, #2E4335)
• Chalky Thicket color palette (#FFEADF, #C07D00, #904100, #6B000F, #171100)
• Soft Villa color palette (#F0F0FF, #D6AEFF, #E37C00, #B555FF, #1F0C00)
• Gentle Station color palette (#F4E2FC, #FE8BE2, #FD4280, #BD3D00, #3B1E00)
• Bronze Garden color palette (#D8EEE3, #B6CA9E, #A4A161, #99722A, #063836)
• Washed Alley color palette (#E7DFFF, #F058EE, #C88800, #009066, #350934)

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