Amber Harbor color palette — #ECF7FF · #69C6F2 · #E09696 · #B08A2B · #183649

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sky (#69C6F2): A luminous, balanced blue — the color of open sky before noon.
• Rosewood Mist (#E09696): A luminous, balanced red — the color of late-summer berries.
• Mustard (#B08A2B): A luminous, balanced gold — the color of honey in a jar.
• Deep Teal (#183649): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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 Villa color palette (#EFF6FF, #A9C3F6, #DEA98A, #95A163, #313E51)
• Frosted Bronze Bloom color palette (#F0F5FF, #ABBBF8, #D384A2, #A47200, #00442A)
• Lilac Balcony color palette (#E8FBEC, #ADC7FF, #B593D8, #A57831, #323C59)
• Faded Ember Bloom color palette (#E2FBFF, #5FCFC0, #CB9ACA, #D66D55, #16393E)
• Faded Aqua Drift color palette (#EAFAEF, #08C8E2, #E07C80, #627D35, #142A1C)
• Weathered Periwinkle color palette (#EFF6FF, #749FE3, #C07878, #A45354, #253447)
• Feathered Moss color palette (#F1F5FF, #ACA6FF, #E19300, #5B9D00, #29254D)
• Weathered Ember color palette (#D2E7FF, #81BBFF, #E04700, #8A7A00, #001F41)

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