Quiet Harbor color palette — #FFDDCB · #DE873E · #9B5D00 · #694300 · #383A03

Built around Mustard, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFDDCB): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#DE873E): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#9B5D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#694300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#383A03): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Chalky Apricot color palette (#FBDCD7, #FD883E, #B66D00, #7C5900, #3E3D09)
• Ancient Coast color palette (#F6E5C4, #BC9610, #7E6C00, #524C00, #1C3E19)
• Hushed Marigold color palette (#FFF4DD, #C09C49, #7C5B00, #463300, #2B1E00)
• Amber Hollow color palette (#F8EDDD, #B78300, #008D76, #715000, #003F34)
• Sunlit Alley color palette (#FFE5E4, #E47871, #C22501, #7C2800, #53290F)
• Aged Veranda color palette (#F4E2C2, #947600, #00824D, #943836, #37290C)
• Wandering Moss color palette (#FEF5D7, #B6BF7B, #7C9535, #576E34, #505049)
• Shadow Lantern color palette (#E2E8CF, #4B6400, #1D3700, #031B00, #000705)

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