Quiet Harbor color palette — #FFDDC9 · #658C00 · #006057 · #640050 · #003310

Olive Leaf and Mulberry set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFDDC9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Olive Leaf (#658C00): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#006057): A full-bodied, dusty teal — the color of glacier melt.
• Mulberry (#640050): A deep, shadowed, balanced pink — the color of a candy shop window.
• Deep Forest (#003310): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged retro.

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

• Emerald Basin color palette (#FFDBD1, #00955C, #005C6D, #6D0023, #00312A)
• Misty Aubergine color palette (#FFDEC0, #967A00, #00632C, #550075, #282C00)
• Hushed Emerald color palette (#E0E9D4, #009855, #006051, #003359, #00170D)
• Chalky Nightshade color palette (#E7ECCD, #188D28, #4418AD, #54005D, #411300)
• Tempered Moss color palette (#F7EAC9, #77A052, #006C41, #4B4400, #1F3505)
• Teal Basin color palette (#ECF0D0, #5AB691, #2D7484, #74313C, #522B00)
• Navy Market color palette (#FBDBCA, #007572, #003E6E, #3E1700, #001A1F)
• Fern Quarry color palette (#FFF2EA, #8EB483, #3F8485, #734B60, #3D5008)

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