Quiet Harbor color palette — #F8F2FF · #FDD1D6 · #E980A2 · #A84839 · #482400

Rose and Brick set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Shell Pink (#FDD1D6): A whisper-light, dusty red — the color of late-summer berries.
• Rose (#E980A2): A luminous, balanced red — the color of a theater curtain.
• Brick (#A84839): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#482400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Coral Study color palette (#FFF0F9, #FFD2DB, #E67B60, #995900, #403200)
• Washed Garnet color palette (#FFE8FE, #DB99BD, #A25A6A, #83302C, #642500)
• Tempered Market color palette (#F0F5FF, #DEDCFF, #CB8BDF, #904473, #5D1026)
• Soft Parlor color palette (#E7D9EE, #DB509F, #A1002C, #391100, #020100)
• Hushed Apricot color palette (#FFF1F1, #FF976F, #A36500, #4C3F00, #0C1500)
• Dusty Scarlet Drift color palette (#FFF0FD, #FF98C2, #E8061E, #763D00, #231500)
• Eclipse Rust Balcony color palette (#F8E3EB, #C84B4C, #642600, #130900, #010100)
• Misty Coral Studio color palette (#E3FCF1, #EDB5F4, #D96B6D, #00717B, #372C43)

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