Quiet Harbor color palette — #F1E8D1 · #5F5A00 · #003D66 · #46004F · #1D0A00

Royal Purple and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F1E8D1): A whisper-light, dusty gold — the color of honey in a jar.
• Olive (#5F5A00): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#003D66): A deep, shadowed, balanced blue — the color of deep harbor water.
• Royal Purple (#46004F): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#1D0A00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

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

• Aubergine Loft color palette (#F7E8D7, #7D4F00, #004651, #2C0066, #240502)
• Dusty Alley color palette (#E3E3D1, #477800, #004E65, #4A0059, #351500)
• Ancient Fern color palette (#E6E6C7, #436300, #004479, #00284C, #100100)
• Hazy Nightshade Corridor color palette (#EFEFD4, #315F00, #2C14AA, #4C0033, #1B0E00)
• Dusty Grape color palette (#DFF5E5, #8F6E00, #733BB1, #4B2A72, #180E25)
• Lowlit Aubergine Pier color palette (#DFE2D2, #044E0D, #2A0063, #26000C, #030200)
• Lowlit Onyx color palette (#DEECDA, #003D37, #2F0037, #150200, #000203)
• Worn Forest Alley color palette (#E7EDCE, #00671D, #39454B, #002017, #080A00)

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