Coral Loft color palette — #FFF2EF · #CD848A · #5E916C · #2D7894 · #452F35

Built around Dusty Rose, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Dusty Rose (#CD848A): A luminous, balanced red — the color of embers at dusk.
• Fern (#5E916C): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#2D7894): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#452F35): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Dusty Loft color palette (#FDF3EA, #CC9462, #229294, #626A94, #443230)
• Wandering Grove color palette (#FFF1F3, #BE92C3, #8F8B45, #277C6E, #3F2F3E)
• Softworn Stone color palette (#FBF1FC, #F39FAA, #69A97A, #2C7A9C, #272736)
• Tempered Cabin color palette (#FEF4E3, #E5AFA2, #B08B5B, #57785D, #6D3803)
• Weathered Mustard color palette (#FCF1FA, #E8A397, #BAAA57, #5A8ABB, #3B2C38)
• Wandering Ember color palette (#FFF2EC, #DC5E3D, #00876A, #00549A, #2F132D)
• Cocoa Grove color palette (#FCF3EE, #A3715F, #776424, #00566E, #582400)
• Tempered Taupe Archive color palette (#FBF3F0, #DDD9D2, #AEB4A9, #C08C87, #58514E)

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