Quiet Harbor color palette — #FFF1F7 · #BB6300 · #615C00 · #004D2A · #00383D

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

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Ochre (#BB6300): A full-bodied, balanced gold — the color of old brass.
• Olive (#615C00): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004D2A): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Teal (#00383D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Ancient Station color palette (#FFF0FC, #D24640, #785100, #314800, #003930)
• Dusty Ridge color palette (#E5FDE8, #A17500, #386800, #004B44, #00354E)
• Fern Loft color palette (#FFE6DB, #C79BAE, #A17B3A, #356E2D, #0D5539)
• Wandering Cobalt color palette (#ECF7FF, #0088BB, #705500, #194D00, #003936)
• Dusty Orchid Cabin color palette (#F0F0FF, #A35FCD, #7A5200, #004146, #000C4B)
• Magenta Grove color palette (#FFF1F3, #DF5BE5, #897800, #005E7D, #003649)
• Washed Field color palette (#FFDBDA, #ED7769, #C03400, #8A2F00, #513900)
• Pale Olive Studio color palette (#E4FCF0, #9DAB6A, #537614, #873024, #374003)

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