Scarlet Coast color palette — #F5DAEF · #F22C22 · #0086B1 · #40619D · #2F132B

Scarlet takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Thistle (#F5DAEF): A whisper-light, dusty pink — the color of neon signs at night.
• Scarlet (#F22C22): A luminous, vivid orange — the color of autumn markets.
• Cerulean (#0086B1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#40619D): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#2F132B): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Energy, Balance. Tagged vibrant.

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

• Antique Coast color palette (#F4D7DD, #F1087B, #008C8A, #0E6C87, #291630)
• Tangerine Garden color palette (#FADAEF, #FF7E56, #717FC3, #007CC0, #3A2233)
• Ember Study color palette (#FFF2EB, #DD6D3C, #0092A6, #00759A, #1C0500)
• Amber Terrace color palette (#F2DFD4, #CB6A25, #615CB6, #00579F, #210A00)
• Aged Cobalt Boulevard color palette (#C9E8CE, #A37800, #3A70C2, #215097, #05210D)
• Coral Balcony color palette (#E6DDF8, #00C2C9, #FF616F, #3C243B, #160A15)
• Muted Alley color palette (#FFEDFD, #F7C68B, #9ABC78, #A2688B, #4A2C3C)
• Rust Field color palette (#F3E5DD, #B34100, #646200, #7B206C, #3A0F00)

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