Amber Pier color palette — #EFF6FF · #90B6FF · #C4641F · #6C6C00 · #08193C

A conversation between Ochre and Sky, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#90B6FF): A luminous, balanced violet — the color of a velvet chair.
• Ochre (#C4641F): A luminous, balanced gold — the color of old brass.
• Olive (#6C6C00): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#08193C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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

• Muted Scarlet Pier color palette (#ECF7FF, #42C5FD, #CF5458, #826100, #001F2C)
• Pale Periwinkle Alley color palette (#F0F5FF, #899FFF, #AA5D00, #325C00, #00131A)
• Soft Loft color palette (#F2F4FF, #BCA5FF, #A17C00, #1B7C0E, #1E1435)
• Powdered Studio color palette (#F3F4FF, #C396F6, #D04C38, #4D5700, #00272A)
• Faded Amber color palette (#ECF7FF, #84D2FF, #D27800, #00A07B, #002F46)
• Softworn Loft color palette (#E3FDE8, #C8AFFF, #C94FAC, #5E5C00, #371548)
• Gentle Cornflower Basin color palette (#FEEAFF, #007AE8, #816800, #594700, #00132E)
• Cornflower Delta color palette (#FFF0FD, #427EFF, #893E00, #484F00, #1A2A4B)

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