Quiet Harbor color palette — #F9E8F4 · #EC6F4D · #008582 · #B63100 · #000202

Brick takes the lead with Coral Clay close behind in a set that reads as balance at first glance.

The five colors

• Blush (#F9E8F4): A whisper-light, dusty pink — the color of a candy shop window.
• Coral Clay (#EC6F4D): A luminous, vivid orange — the color of autumn markets.
• Teal (#008582): A full-bodied, balanced teal — the color of glacier melt.
• Brick (#B63100): A full-bodied, vivid orange — the color of toasted spice.
• Black (#000202): a grounded near-black with real depth.

Feels like: 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

• Weathered Amber Lantern color palette (#F4E1E8, #D58432, #008673, #975400, #000203)
• Quiet Pier color palette (#EDDFEF, #F1708B, #259A61, #9A003D, #000201)
• Aubergine Bloom color palette (#F8DEEB, #C76F00, #3F8211, #5A008F, #100A00)
• Patina Forest color palette (#F4E5D8, #B77020, #006521, #663800, #000300)
• Amber Loft color palette (#FFECF5, #FFAC7A, #00B499, #DA6A00, #001611)
• Gentle Courtyard color palette (#FEE0DB, #C68005, #7A6E00, #065D11, #000C09)
• Bronze Market color palette (#DCE7DD, #9FB5B6, #7D9DA9, #966700, #061908)
• Dusty Brick Boulevard color palette (#FDE9DD, #B53400, #003F3E, #4E1100, #000200)

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