Amber Harbor color palette — #FFF3E8 · #BF7338 · #307340 · #114C72 · #4D2A45

Caramel and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Caramel (#BF7338): A luminous, balanced gold — the color of old brass.
• Pine (#307340): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#114C72): A deep, shadowed, balanced blue — the color of open sky before noon.
• Charcoal (#4D2A45): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Muted Bronze color palette (#FEF4E3, #A4842E, #00736A, #403F7E, #56282A)
• Driftwood Canyon color palette (#FFF2EF, #BD6D7C, #746300, #00544E, #2C3362)
• Muted Stone Veranda color palette (#FFF3E8, #CCB793, #8F8B68, #47695E, #5D4456)
• Pale Olive Quarry color palette (#F3F3E2, #5B8539, #005D78, #52235D, #471E00)
• Muted Chapel color palette (#FCEEED, #BB7396, #556F2C, #4D2B77, #380823)
• Denim Field color palette (#FAF2FD, #D18FA0, #8B832B, #3858AA, #562635)
• Aged Navy Courtyard color palette (#FCE4C4, #916400, #005A45, #002583, #470028)
• Wandering Moss color palette (#FFF3E8, #FFCFC7, #EBA463, #918C24, #46413B)

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