Quiet Harbor color palette — #FFE3CD · #009CA7 · #2F58A3 · #592A00 · #001E12

Peacock and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#FFE3CD): A whisper-light, dusty gold — the color of honey in a jar.
• Cerulean (#009CA7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#2F58A3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#592A00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#001E12): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, cool.

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

• Quiet Boulevard color palette (#FFE7EF, #009B8D, #30599B, #5D3500, #083646)
• Dusty Cerulean color palette (#F6E7CB, #0096CA, #5C4C9B, #453700, #221024)
• Washed Turquoise Workshop color palette (#FFEFDA, #00ACD7, #63649D, #5B410E, #0B2922)
• Emerald Thicket color palette (#FEE3D3, #00A462, #006678, #5E1F33, #0C1D03)
• Muted Pier color palette (#E1F3E5, #008C9C, #862F66, #4D2A00, #1A1300)
• Shadow Petrol Lantern color palette (#DAF4E9, #006D96, #331C2F, #00110A, #000301)
• Tempered Lagoon color palette (#F0DCC9, #007183, #232890, #2F1800, #00060D)
• Washed Cerulean color palette (#F9EFEB, #95D4DA, #0088AD, #165C46, #002720)

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