Quiet Harbor color palette — #FCD4D1 · #9B0020 · #4A4500 · #320D5F · #1E0500

Garnet takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FCD4D1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Garnet (#9B0020): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#4A4500): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Indigo (#320D5F): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#1E0500): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Creativity, 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

• Antique Onyx color palette (#FEE4D1, #813A00, #274F00, #460049, #190800)
• Obsidian Garnet color palette (#F8E3D8, #7A2000, #2D2E00, #2E003D, #190000)
• Frosted Mulberry color palette (#FBE0E0, #90006A, #623700, #051E67, #1F0014)
• Patina Mulberry Meadow color palette (#FFE3DB, #9B0033, #00513A, #002C3C, #080001)
• Hushed Aubergine color palette (#FFDCCD, #AA4300, #456400, #62006F, #391100)
• Cocoa Balcony color palette (#F3E5DC, #C6B6A8, #A1896F, #712D00, #291C13)
• Chestnut Villa color palette (#FBE8D2, #7A4C00, #323C00, #00261B, #2A0004)
• Bronze Pier color palette (#EEDACE, #AE6600, #634100, #352400, #1B1500)

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