Weathered Coral Courtyard color palette — #FFF2EF · #F3AEB8 · #E37D83 · #A96762 · #554D49

Built around Watermelon, softened by Mocha — the whole palette hums with warmth and comfort.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#F3AEB8): A luminous, balanced red — the color of late-summer berries.
• Watermelon (#E37D83): A luminous, balanced red — the color of a theater curtain.
• Mocha (#A96762): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal Brown (#554D49): quiet, heavy and certain.

Feels like: Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

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

• Washed Dune color palette (#FFF1F2, #E890A9, #BF7276, #84544A, #504E47)
• Wandering Blush Villa color palette (#FFF0F1, #F5B6E1, #D482B1, #9A5B77, #6B4844)
• Hushed Drift color palette (#FFF2E9, #F0B892, #D08C46, #997240, #56514B)
• Dusty Dune color palette (#FFF2EC, #FFCFC0, #DB8A73, #965B49, #3D3632)
• Taupe Market color palette (#FFF2EB, #E49D83, #ACAA53, #B27FA6, #48413D)
• Aged Summit color palette (#FDE6E3, #FF8B77, #E64D00, #9E4000, #683100)
• Cocoa Lagoon color palette (#FFF2EB, #DFDACD, #A2B8D1, #C89C8C, #794215)
• Amber Workshop color palette (#FFEBDD, #C27400, #8D5A00, #513600, #271B00)

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