Amber Pier color palette — #FFDFEA · #DE8A24 · #2E6EBA · #7A4700 · #001B3E

Built around Mustard, softened by Royal Blue — the whole palette hums with trust and stability.

The five colors

• Rose Water (#FFDFEA): A whisper-light, dusty rose — the color of pressed rose petals.
• Mustard (#DE8A24): A luminous, balanced gold — the color of honey in a jar.
• Royal Blue (#2E6EBA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#7A4700): A full-bodied, balanced gold — the color of old brass.
• Midnight (#001B3E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Amber Pier 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

• Sunlit Cobalt color palette (#FAECDB, #B7822D, #0081BE, #754D00, #003958)
• Frosted Indigo Balcony color palette (#D6F1DF, #BA9F24, #6E59BF, #655400, #1C143A)
• Amber Summit color palette (#FAE1F0, #DA6E43, #008C97, #8F3304, #002124)
• Faded Marigold color palette (#E6F7E9, #CA9C19, #7E87CC, #7D6010, #202345)
• Dusty Azure color palette (#FCEBD9, #D49B5A, #399DE3, #9F6200, #00395C)
• Cobalt Boulevard color palette (#DBF0DA, #A96D00, #0073B9, #3258A0, #061906)
• Ultramarine Basin color palette (#DAF4DA, #906000, #2E48BE, #4B3000, #02002A)
• Aged Chestnut Boulevard color palette (#F5D7E2, #AE9560, #845A30, #5A3125, #021E13)

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