Coral Loft color palette — #FBF2FA · #F7AEAB · #A8BB6F · #C4716F · #35554B

Built around Caramel, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Rose Quartz (#F7AEAB): A luminous, balanced orange — the color of toasted spice.
• Sage (#A8BB6F): A luminous, balanced green — the color of fresh herbs.
• Caramel (#C4716F): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal Brown (#35554B): A full-bodied, dusty teal — the color of sea glass.

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

• Mustard Coast color palette (#FFF0FA, #ED9883, #B5A649, #B27DAF, #4F3B49)
• Wisteria Dune color palette (#FFF0F7, #EBB899, #CF99E4, #B77D59, #4C4963)
• Timeworn Taupe color palette (#FFF2ED, #FFC3C1, #89D6D8, #D79492, #39553C)
• Patina Coral Drift color palette (#FFF0FC, #EB958C, #45ABA4, #99625B, #2E545C)
• Patina Bloom color palette (#FDF2F5, #E8CDA3, #A3713C, #64414E, #31282C)
• Wandering Dune color palette (#EBFAEF, #B2D4C0, #AC9A69, #617D64, #3C4C44)
• Blush Canyon color palette (#E9FBED, #D7B25C, #DF81B3, #A07A04, #5A3448)
• Timeworn Bloom color palette (#FFF0FA, #FFC4B5, #DA8874, #99584B, #4C2F45)

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