Frosted Amber Harbor color palette — #FFF1F6 · #D9892C · #009BAE · #53569E · #270816

Mustard and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#D9892C): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#009BAE): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#53569E): A full-bodied, balanced violet — the color of twilight just after sunset.
• Ink (#270816): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Tempered Coral color palette (#FFF0FB, #E47C67, #199E93, #1B6595, #220C1D)
• Faded Amber color palette (#E8FBEB, #C79415, #1195CA, #65509A, #001C07)
• Amber Canyon color palette (#E8FBEB, #B68500, #00829D, #49357A, #170317)
• Soft Mustard Ridge color palette (#E8FAF1, #AFAB49, #008690, #543979, #360A00)
• Timeworn Coast color palette (#EAFAEE, #CDAF66, #5EA7D2, #7468A4, #132B1A)
• Hushed Mustard Archive color palette (#E5FCEA, #C8B858, #5B8D50, #3E4D81, #212400)
• Feathered Indigo color palette (#E2F4E8, #C3AB44, #52B68D, #6176E9, #0F2D1D)
• Hazy Aubergine color palette (#F8FAC4, #A9A826, #006DD0, #772995, #0E0E00)

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