Amber Harbor color palette — #F8ECE5 · #CECD81 · #C76A47 · #784836 · #211208

Built around Coral Clay, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Cream (#F8ECE5): a clean, paper-quiet neutral.
• Pistachio (#CECD81): A whisper-light, balanced green — the color of fresh herbs.
• Coral Clay (#C76A47): A luminous, balanced orange — the color of sun-warmed clay.
• Coffee (#784836): A full-bodied, dusty orange — the color of autumn markets.
• Ink (#211208): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

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

• Amber Corridor color palette (#F6EDE0, #E6C476, #AF7E00, #6D5116, #1F1404)
• Muted Alley color palette (#F9EBEA, #A3D99B, #C1619D, #734560, #221010)
• Muted Chestnut Grove color palette (#FBE8F2, #D0B06B, #944D1F, #572502, #1F1119)
• Tempered Coast color palette (#FFF2E9, #F6C966, #954D1D, #3C2008, #090200)
• Hushed Amber color palette (#F4E8D7, #BB8E00, #725200, #362500, #030100)
• Patina Coast color palette (#F3F1D7, #BE7200, #3D5100, #101900, #020200)
• Weathered Ridge color palette (#F9F4EF, #D6DCD1, #B4C6B7, #BF985B, #403930)
• Patina Pine color palette (#DCE0D1, #FE9D5E, #00914B, #12572F, #0A0D02)

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