Worn Amber Pier color palette — #EFF6FF · #7CA1D6 · #B17E33 · #3A66A3 · #2E4B2E

A conversation between Caramel and Slate, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#7CA1D6): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#B17E33): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#3A66A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#2E4B2E): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Worn 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

• Aged Quarry color palette (#EDF7FF, #5AA8DA, #B97847, #0E6D9D, #613612)
• Ancient Pewter color palette (#F2F5FF, #AEA7E0, #959F6B, #7269A3, #315649)
• Ultramarine Thicket color palette (#EBF2FF, #8DA2DA, #BE7D38, #3B58C8, #3C2000)
• Worn Cobalt Quarry color palette (#E8FAF5, #8BBCEF, #C39F50, #0083E0, #553E00)
• Timeworn Lagoon color palette (#EFF6FF, #6787CA, #B35F5B, #437743, #2A394F)
• Muted Bronze color palette (#FFF0F9, #C09BAA, #946651, #72433D, #304330)
• Washed Quarry color palette (#EFF6FF, #DCD7E4, #DCB7E0, #547A98, #414C64)
• Aubergine Basin color palette (#F4F4FF, #C384E7, #569200, #6F1C96, #264400)

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