Amber Pier color palette — #E3E9FD · #7DE8FF · #DB8C00 · #244038 · #1F281E

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

The five colors

• Frost (#E3E9FD): A whisper-light, dusty violet — the color of wild irises.
• Ice Blue (#7DE8FF): A whisper-light, balanced blue — the color of open sky before noon.
• Mustard (#DB8C00): A luminous, balanced gold — the color of honey in a jar.
• Forest (#244038): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#1F281E): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged neon, dark, vibrant, muted.

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

• Tempered Mustard color palette (#EADBE7, #A5C4FF, #D8AB00, #1A443F, #222C25)
• Washed Coral Garden color palette (#D6E7FA, #38F4E6, #EC7B62, #53393E, #342931)
• Hazy Mint Quarry color palette (#DAF1FA, #00DE8B, #C0AE00, #2D2615, #141109)
• Amber Ridge color palette (#F3E5EC, #8EBFFF, #BB7600, #262102, #230B14)
• Patina Seafoam color palette (#E3D8F5, #0AF0D1, #FDB945, #5F5A53, #2A241D)
• Dusty Stone color palette (#EDF9EF, #C8AA6A, #684C00, #3D2B00, #19251C)
• Cypress Corridor color palette (#F1F7F2, #C9AA64, #008268, #785B00, #0C292B)
• Tempered Chartreuse color palette (#FFDFDE, #63ED64, #E6B700, #374D3E, #1F2B23)

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