Scarlet Coast color palette — #F5D6E3 · #F85F8C · #D20027 · #853100 · #5F3600

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

The five colors

• Shell Pink (#F5D6E3): A whisper-light, dusty rose — the color of strawberry cream.
• Rose (#F85F8C): A luminous, vivid red — the color of late-summer berries.
• Crimson (#D20027): A full-bodied, vivid orange — the color of toasted spice.
• Rust (#853100): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#5F3600): A deep, shadowed, balanced 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 Coast 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

• Scarlet Station color palette (#FDE4E6, #FF5C6E, #CE031C, #7F1500, #410E00)
• Misty Rose Summit color palette (#FFE1E5, #FF7E88, #EB3642, #A83926, #632B1A)
• Coral Grove color palette (#FFD3DA, #FE6461, #B04800, #754500, #3F4000)
• Wandering Plum color palette (#F1E3FA, #D569C9, #C60072, #9B0039, #671F10)
• Crimson Chapel color palette (#FFE5DC, #D64457, #00837F, #3F52C1, #4B2225)
• Tempered Alley color palette (#FFE7E6, #BC4500, #783E00, #3D2900, #211C00)
• Ember Atelier color palette (#FFF2EB, #EF5F33, #00909A, #A12E00, #004349)
• Tangerine Balcony color palette (#E5E0F2, #76DCFF, #EB6C24, #4B3100, #332012)

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