Coral Loft color palette — #FFF2EB · #DFD9CD · #93B4B4 · #D97C75 · #5B3019

Coral Clay takes the lead with Cocoa close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DFD9CD): a clean, paper-quiet neutral.
• Ash (#93B4B4): A luminous, dusty teal — the color of shallow lagoons.
• Coral Clay (#D97C75): A luminous, balanced orange — the color of autumn markets.
• Cocoa (#5B3019): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged pastel, light, muted.

Use it as a design system

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

• Taupe Courtyard color palette (#FFF3E8, #DDDCCA, #B9C7D4, #C38B73, #39342E)
• Blush Field color palette (#FFF1F1, #E5D7D4, #B7B1A5, #CC86B7, #502735)
• Fern Drift color palette (#F9F5E6, #D4E3CC, #93BFC6, #C1AF85, #5C5300)
• Dusty Bronze color palette (#FFF2E9, #DED9CC, #EDC273, #BB6951, #431F00)
• Powdered Marigold Loft color palette (#FFF0FA, #E9DDC7, #F3A53B, #B65750, #5B3B4D)
• Airy Mustard color palette (#FFEBFB, #EBE1BD, #B9BC4C, #A75681, #3E1A0B)
• Marigold Boulevard color palette (#FFF3E6, #E69000, #4FAD63, #A03372, #2A1600)
• Worn Amber Boulevard color palette (#FFF4DD, #DBD383, #AB9013, #765B18, #292A00)

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