Garnet Harbor color palette — #FDF3EE · #CF8273 · #00713A · #951300 · #161A09

Built around Garnet, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Coral Clay (#CF8273): A luminous, balanced orange — the color of sun-warmed clay.
• Pine (#00713A): A full-bodied, balanced teal — the color of sea glass.
• Garnet (#951300): A full-bodied, vivid orange — the color of autumn markets.
• Ink (#161A09): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged duotone.

Use it as a design system

One click turns Garnet 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

• Hazy Mulberry color palette (#FDF2EF, #DA787E, #686000, #97002B, #1E1806)
• Muted Amber color palette (#FCF4EB, #CC893B, #007049, #724300, #151B09)
• Wandering Terracotta Corridor color palette (#FFF2EA, #A24200, #00564D, #3B2970, #321907)
• Apricot Hollow color palette (#FFF3E8, #FB9944, #918100, #A35E1E, #201701)
• Muted Rust Parlor color palette (#F1E3DB, #B85431, #004C2E, #591900, #020400)
• Soft Amber Thicket color palette (#FCECD8, #C26E11, #566200, #3D3379, #34302A)
• Airy Bloom color palette (#FAF5E5, #A8A900, #007183, #595A00, #062313)
• Sunlit Delta color palette (#FFDACC, #C58C41, #796700, #374800, #003E17)

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