Azure Pier color palette — #E8F1ED · #DFD1D4 · #CBB4B4 · #2C9DD4 · #1F322B

Cerulean and Deep Forest set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E8F1ED): bright and airy, almost weightless.
• Silver (#DFD1D4): bright and airy, almost weightless.
• Rosewood Mist (#CBB4B4): A luminous, dusty red — the color of embers at dusk.
• Cerulean (#2C9DD4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#1F322B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Washed Thicket color palette (#F4EBF1, #E2CECB, #D0B2A5, #888BCA, #372932)
• Worn Harbor color palette (#EEF8F4, #E4D3D1, #D0B2AB, #007EBD, #13221D)
• Aged Teal Hollow color palette (#EBF0EA, #C7D7D5, #9EC2C6, #00A89D, #263124)
• Aged Terrace color palette (#F1E2D3, #D1B871, #8C9941, #5C74A6, #342700)
• Hushed Study color palette (#E4EAEE, #C3CCD9, #9DA2BA, #005C81, #081822)
• Raspberry Quarry color palette (#CFE8DE, #0AAFF0, #D25071, #646700, #1F2200)
• Timeworn Cornflower color palette (#E8D9E5, #5283FB, #6B4756, #3B2839, #000604)
• Quiet Basin color palette (#ECDDB7, #00BAF3, #8476DE, #746700, #062542)

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