Quiet Ember Harbor color palette — #FFF1F6 · #FFA3B6 · #D26C61 · #6D5710 · #3C3A00

Coral Clay takes the lead with Ballet Pink close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Ballet Pink (#FFA3B6): A luminous, balanced red — the color of embers at dusk.
• Coral Clay (#D26C61): A luminous, balanced orange — the color of toasted spice.
• Coffee (#6D5710): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#3C3A00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Quiet Ember Harbor 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

• Powdered Amber Dune color palette (#FFF1F1, #FFB7A2, #D77208, #526124, #214015)
• Dusty Mallow color palette (#FDF0FF, #FFB3EA, #CB7A96, #864A00, #432D00)
• Softworn Courtyard color palette (#FFF2EF, #E1D9CF, #DBBCA9, #9D957C, #574F00)
• Dusty Cocoa Cabin color palette (#FFDBDA, #B26C5B, #753D0B, #232A00, #000200)
• Feathered Orchard color palette (#EADCFD, #F696CF, #CA8B72, #428D80, #004A40)
• Softworn Bronze Boulevard color palette (#E8E8F7, #BD8FB5, #A25937, #005955, #004440)
• Taupe Thicket color palette (#FCEADB, #CA9A59, #86712C, #164E31, #0A1800)
• Hushed Amber Summit color palette (#F9EEE1, #B18E3F, #655F05, #003C2C, #000807)

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