Soft Amber Harbor color palette — #FFF2F0 · #FFA27D · #CB7200 · #755400 · #342F00

Mustard and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Melon (#FFA27D): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#CB7200): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#755400): A full-bodied, balanced gold — the color of old brass.
• Espresso (#342F00): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Patina Summit color palette (#FFF1F6, #FF99AA, #D8654A, #8E4916, #412700)
• Hushed Courtyard color palette (#FDD8DD, #FF9B82, #D5892D, #8E6E00, #3D3E00)
• Ancient Amber color palette (#FFF3E7, #E3C47C, #B57C40, #7C4938, #282106)
• Honey Grove color palette (#FFF2EA, #FEB547, #A48600, #5C6900, #22340E)
• Dusty Grove color palette (#FFDDD5, #DC7500, #7F5500, #3D2F00, #121300)
• Softworn Amber Canyon color palette (#FDDFCB, #B47700, #635600, #232800, #010200)
• Timeworn Azure color palette (#FFF3E6, #FFBF78, #479CEF, #A56600, #072948)
• Softworn Stone color palette (#FFF3E2, #D9ECBF, #AFBC74, #66855C, #404F02)

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