Quiet Harbor color palette — #F7DBC6 · #DEB810 · #098BE4 · #022643 · #0E1720

Azure takes the lead with Saffron close behind in a set that reads as nature and growth at first glance.

The five colors

• Peach Cream (#F7DBC6): A whisper-light, dusty gold — the color of old brass.
• Saffron (#DEB810): A luminous, vivid green — the color of fresh herbs.
• Azure (#098BE4): A luminous, vivid blue — the color of deep harbor water.
• Midnight (#022643): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0E1720): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged neon, dark, 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

• Chartreuse Dune color palette (#F2E6C5, #C3D500, #4F9FE9, #1B334B, #14212F)
• Pale Sunflower Drift color palette (#ECDED1, #F3D515, #4AA7EA, #001C30, #000202)
• Lime Terrace color palette (#ECE1C1, #5DD815, #6383E9, #1D284B, #070E1A)
• Softworn Blush color palette (#E4E2D0, #FF679E, #4386F6, #021335, #150815)
• Sunlit Mint Study color palette (#FCE8DA, #00D98B, #0099BF, #032839, #02151F)
• Pale Denim color palette (#D6DFEC, #C1A04C, #314F9F, #152651, #020A1E)
• Linen Dune color palette (#E8ECD7, #FF81A3, #6094EB, #283D61, #08111D)
• Washed Honey Study color palette (#DAF2DB, #FCBF39, #9CBEFF, #3A485D, #252B35)

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