Coral Alley color palette — #FFF2EE · #CC7477 · #AF5E59 · #007351 · #412429

Coral Clay and Brick set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Coral Clay (#CC7477): A luminous, balanced red — the color of embers at dusk.
• Brick (#AF5E59): A full-bodied, balanced orange — the color of sun-warmed clay.
• Pine (#007351): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#412429): A deep, shadowed, dusty red — the color of a theater curtain.

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

Use it as a design system

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

• Hushed Bronze Veranda color palette (#FFF2EE, #C67784, #A66F18, #006E72, #3E231D)
• Patina Lilac color palette (#F7F6E5, #BBA4E2, #B57073, #006F83, #513338)
• Tempered Plum color palette (#FFF1F6, #A990D2, #B3527A, #20702A, #36212A)
• Hushed Blush Terrace color palette (#F1E0DD, #CE6B86, #723E08, #412621, #201517)
• Feathered Amber color palette (#FFF2E9, #D46700, #8B6D00, #00558B, #401303)
• Raspberry Boulevard color palette (#FFF0EC, #DD3666, #8A5700, #005760, #330010)
• Misty Rust color palette (#FFEFF8, #DCA9D8, #CC788E, #AF3F00, #543500)
• Plum Grove color palette (#F5F3FF, #975297, #675E00, #004C43, #1E2838)

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