Quiet Harbor color palette — #FFF2ED · #FFB4AE · #5CBC55 · #E06E6A · #181A06

Clover and Coral Clay set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Rose Quartz (#FFB4AE): A whisper-light, balanced orange — the color of toasted spice.
• Clover (#5CBC55): A luminous, vivid green — the color of fresh herbs.
• Coral Clay (#E06E6A): A luminous, balanced orange — the color of autumn markets.
• Ink (#181A06): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged duotone.

Use it as a design system

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

• Mint Bloom color palette (#FDF3EC, #FFC7AC, #48CA7C, #EB8149, #222619)
• Mint Hollow color palette (#FDF2F1, #FFB0C8, #66D274, #C95380, #181A07)
• Muted Amber color palette (#FCF4EA, #F6BF74, #00BBAB, #C98600, #111C0E)
• Rust Thicket color palette (#FDF2F7, #F7996C, #728D00, #B74C00, #011E17)
• Antique Moss Lantern color palette (#FDEBD9, #FF9D72, #8BA41C, #7068B7, #342F2A)
• Softworn Balcony color palette (#FFF3E8, #F08908, #28BA75, #7956AA, #291603)
• Misty Chapel color palette (#FDF3EC, #FFBFA2, #948E00, #B25A2C, #080500)
• Dusty Plum Thicket color palette (#FFEDEA, #F58DA8, #00AC8A, #A44A89, #481534)

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