Amber Harbor color palette — #FDF1FB · #FFC3F7 · #FF9092 · #BC8100 · #563120

Built around Mustard, softened by Melon — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Thistle (#FFC3F7): A whisper-light, balanced pink — the color of peonies in June.
• Melon (#FF9092): A luminous, balanced red — the color of embers at dusk.
• Mustard (#BC8100): A luminous, balanced gold — the color of honey in a jar.
• Cocoa (#563120): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged candy, vibrant, light, 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

• Aged Atelier color palette (#FFEEE6, #F6CFC3, #FF9B8E, #CB743E, #3A1B09)
• Airy Ember color palette (#F8F2FF, #E1CCFF, #FF96D9, #CE6002, #44304B)
• Weathered Apricot Quarry color palette (#FEF0FB, #FFD2DB, #F2BB93, #E18F62, #4D3647)
• Gentle Apricot Chapel color palette (#FFF0F8, #FFCDD5, #FFA155, #908B00, #2C442A)
• Bronze Studio color palette (#FBDBF9, #D28E7A, #A85D1F, #714F00, #354917)
• Aged Canyon color palette (#E7FAED, #F4856E, #B18900, #118019, #2B2500)
• Softworn Garden color palette (#FFF0FA, #FF83BA, #F84D0D, #7A6C00, #3D2100)
• Linen Cobalt Workshop color palette (#FFF1F5, #C59460, #3E91CB, #8F5700, #1D4664)

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