Quiet Harbor color palette — #FDEFE0 · #B5A963 · #577800 · #674412 · #2A1F00

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

The five colors

• Cream (#FDEFE0): A whisper-light, dusty gold — the color of old brass.
• Sage (#B5A963): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#577800): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#674412): A full-bodied, dusty gold — the color of honey in a jar.
• Onyx (#2A1F00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Pine Basin color palette (#F8F1DF, #8CB66B, #00804F, #554E00, #142603)
• Faded Loft color palette (#FBF1DA, #96B36F, #008044, #75324D, #242101)
• Antique Lagoon color palette (#EDE4D7, #909348, #296500, #4B3400, #171100)
• Timeworn Moss Orchard color palette (#E5FCEB, #E4DB98, #969900, #816712, #352F03)
• Tempered Orchard color palette (#F7F1E9, #D0C2A0, #778A60, #596650, #33312A)
• Faded Moss Garden color palette (#E9F0D8, #6CB625, #008850, #004F3F, #002727)
• Worn Chapel color palette (#E7E1D0, #5B8739, #005132, #2F2B00, #030A00)
• Fern Meadow color palette (#EFE2D0, #5A5D00, #103300, #001916, #010100)

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