Worn Azure Pier color palette — #E4F7F0 · #579DC9 · #AF6F66 · #705C23 · #162721

A conversation between Cerulean and Mocha, giving this palette its sense of trust and stability.

The five colors

• Cream (#E4F7F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#579DC9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Mocha (#AF6F66): A luminous, balanced orange — the color of autumn markets.
• Coffee (#705C23): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Onyx (#162721): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Timeworn Teal color palette (#EAF6E8, #29A9A3, #AA6C8F, #824F3A, #1B261A)
• Pewter Hollow color palette (#F8EEF5, #9297CD, #A0586B, #5E490B, #1E2C10)
• Muted Iris Study color palette (#FAEEF4, #8F8BCF, #9F7C45, #4B6742, #2B1E26)
• Tempered Villa color palette (#EAF8FF, #15A0C1, #9A7843, #735B34, #323F47)
• Patina Sky color palette (#EDF7FF, #5EB5EA, #C78980, #8C784C, #313F4A)
• Cornflower Veranda color palette (#FFEAFD, #3F87FF, #904100, #494E00, #210920)
• Aged Pier color palette (#EBF4F1, #9BC9F1, #9F6EA4, #4277A1, #1E1214)
• Washed Coast color palette (#F6F0F4, #DED4D4, #BDAEA3, #987692, #3B3439)

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