Coral Coast color palette — #FFDDE2 · #F49CA1 · #D27A77 · #9B5246 · #603528

A conversation between Coral Clay and Rose Quartz, giving this palette its sense of warmth and comfort.

The five colors

• Shell Pink (#FFDDE2): A whisper-light, dusty red — the color of late-summer berries.
• Rose Quartz (#F49CA1): A luminous, balanced red — the color of late-summer berries.
• Coral Clay (#D27A77): A luminous, balanced orange — the color of sun-warmed clay.
• Burnt Sienna (#9B5246): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#603528): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Coral 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

• Feathered Canyon color palette (#FFDDF4, #EEA5CC, #C6749A, #954C65, #6B3C47)
• Frosted Amber color palette (#FFE3D9, #F2A47B, #CC7D44, #996129, #63451F)
• Muted Terracotta Station color palette (#EEDEFF, #D690A0, #B85452, #933700, #623F1B)
• Pale Chestnut color palette (#FFF0F9, #FFBDA4, #C1795A, #8F4A2C, #4E220F)
• Wandering Coral Chapel color palette (#FFF1F3, #FFCACB, #F36F6E, #A24F43, #463F3B)
• Apricot Pier color palette (#FFF0FA, #F49E88, #8FB173, #B66854, #354A22)
• Soft Tangerine color palette (#FCE6E2, #FF7850, #BF4E00, #8C4300, #512A00)
• Weathered Canyon color palette (#FFF0F9, #DE8E6B, #9D9E46, #A97199, #472F3E)

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