Azure Pier color palette — #FFF3E7 · #E9AA73 · #77C08C · #009CD5 · #37322D

Built around Cerulean, softened by Mint Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Sand (#E9AA73): A luminous, balanced gold — the color of afternoon light on wheat.
• Mint Leaf (#77C08C): A luminous, balanced teal — the color of sea glass.
• Cerulean (#009CD5): A luminous, balanced blue — the color of deep harbor water.
• Espresso (#37322D): quiet, heavy and certain.

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

Use it as a design system

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

• Cobalt Archive color palette (#FEF3E5, #DCAB5E, #5EB06A, #4083D0, #3C2219)
• Wandering Orchard color palette (#FFF2F0, #EC9FBD, #99BA6E, #00A2B7, #442B29)
• Hushed Iris Garden color palette (#FCF4EC, #E4BA8D, #7AC7BE, #8B94D2, #583400)
• Worn Meadow color palette (#FFF2EE, #F8A3AA, #7CB069, #4D7ACD, #5A2233)
• Washed Meadow color palette (#F0F0DF, #94C361, #20AFDC, #A458BF, #29280A)
• Washed Drift color palette (#EDDBBF, #D9A92E, #0087BB, #9052BD, #241900)
• Soft Sapphire color palette (#FCDEC9, #FB822E, #00B090, #3762F9, #361400)
• Hushed Lagoon color palette (#FFF2EC, #F89280, #9DA552, #836399, #312018)

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