Tempered Azure Pier color palette — #E6DCD6 · #86CCDF · #2C9CD7 · #007F6E · #001C4B

Cerulean takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Bone (#E6DCD6): a clean, paper-quiet neutral.
• Sky (#86CCDF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#2C9CD7): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007F6E): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#001C4B): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Pale Quarry color palette (#F0E6DB, #9FC4E6, #6F8DE5, #007B8A, #21114A)
• Periwinkle Meadow color palette (#F7ECE5, #B7DDCC, #64A8F6, #009091, #21265D)
• Wandering Petrol Chapel color palette (#DFEDEB, #7BBDCD, #0081A1, #00585D, #002332)
• Lilac Atelier color palette (#CEE9DB, #A4CCFF, #BFA0ED, #009E97, #002436)
• Muted Market color palette (#F0E3EC, #26AEC8, #005F88, #003A31, #000921)
• Sky Grove color palette (#C9ECFE, #50BAF7, #008CC1, #005B80, #000B12)
• Misty Ember color palette (#D6E8DE, #00ACD7, #EC5346, #007C9C, #3A0101)
• Raspberry Grove color palette (#D6E4F0, #1B93E3, #D94279, #A06700, #001324)

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