Azure Pier color palette — #E8FAF4 · #45A6E9 · #5D394D · #0D231D · #020703

Cornflower and Cocoa set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E8FAF4): A whisper-light, dusty teal — the color of sea glass.
• Cornflower (#45A6E9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5D394D): A deep, shadowed, dusty rose — the color of strawberry cream.
• Onyx (#0D231D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#020703): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

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

• Dusty Periwinkle Grove color palette (#D6E7F8, #51B1FF, #647086, #3F4B57, #13191D)
• Tempered Periwinkle color palette (#FFF0FA, #9AA7F9, #664D51, #33272F, #0B110F)
• Aged Teal color palette (#ECFAEC, #00B4B4, #245044, #152215, #050602)
• Muted Cobalt color palette (#DDF3ED, #327AB5, #3A2B39, #071A15, #020806)
• Muted Orchid Chapel color palette (#FFF1F7, #A36CFF, #5B2646, #240C18, #040004)
• Obsidian Archive color palette (#FFE5FB, #3B6FFF, #3C164F, #010422, #000201)
• Mustard Delta color palette (#FFF0F9, #B3B1FF, #ACB24D, #94983A, #3A2231)
• Hushed Thicket color palette (#FFF0FC, #C3D3FF, #BAC548, #6C85D3, #3A3831)

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