Coral Quarry color palette — #F0DDE5 · #FF9BAB · #FF685B · #CD5700 · #583200

Watermelon and Terracotta set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F0DDE5): A whisper-light, dusty rose — the color of strawberry cream.
• Ballet Pink (#FF9BAB): A luminous, balanced red — the color of late-summer berries.
• Watermelon (#FF685B): A luminous, vivid orange — the color of toasted spice.
• Terracotta (#CD5700): A full-bodied, vivid orange — the color of sun-warmed clay.
• Cocoa (#583200): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

One click turns Coral Quarry 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 Ember Canyon color palette (#F8E1E7, #FA828A, #E75928, #915200, #432C00)
• Powdered Scarlet color palette (#FCE0F3, #FF9DC9, #FF6089, #DB2800, #6E3100)
• Muted Ember Alley color palette (#FFF1F2, #FFBAB5, #FE3E21, #A62F00, #5C1F00)
• Tempered Tangerine Courtyard color palette (#FDEBEA, #FFA37A, #EA8000, #A37700, #473E00)
• Worn Apricot color palette (#FFF2EB, #FFC1A4, #FC8921, #B15700, #3F1800)
• Ember Chapel color palette (#FFF0FB, #FFAD9B, #58D2FF, #F24827, #004155)
• Blush Grove color palette (#FFF0FA, #E7E5C6, #A2EAB8, #F37C96, #60350C)
• Misty Amber color palette (#FFEBE3, #BC7300, #8D6500, #565000, #121800)

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