Quiet Harbor color palette — #F4F9DE · #00A32E · #B5001F · #553200 · #030300

Ruby and Kelly Green set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F4F9DE): A whisper-light, dusty green — the color of a quiet forest floor.
• Kelly Green (#00A32E): A luminous, vivid green — the color of new leaves after rain.
• Ruby (#B5001F): A full-bodied, vivid orange — the color of autumn markets.
• Cocoa (#553200): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#030300): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Mulberry Drift color palette (#FBF7D4, #688F00, #AC0050, #712700, #0A0600)
• Wandering Lagoon color palette (#E9FCE6, #009A92, #855000, #3D3E00, #000502)
• Bronze Dune color palette (#EDFAE7, #00A996, #B56200, #5A5100, #001804)
• Hazy Byzantium color palette (#FFF4E0, #A58100, #A300B0, #6F0031, #0F0400)
• Misty Market color palette (#CDEEFF, #00738C, #8E020E, #5A0106, #030800)
• Dusty Canyon color palette (#E5FCEB, #007C92, #514200, #0D2700, #000201)
• Tempered Bronze color palette (#F3F7EC, #97CAAC, #C4806D, #896100, #25240D)
• Antique Bronze color palette (#EDF8F1, #50B6D2, #A18500, #3D722D, #0E2109)

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