Tempered Petrol Balcony color palette — #F6EAF3 · #8DB8CE · #166DA8 · #00523D · #212858

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

The five colors

• Blush (#F6EAF3): bright and airy, almost weightless.
• Ash (#8DB8CE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#166DA8): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00523D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#212858): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Tempered Petrol Balcony 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 Parlor color palette (#FDF1F8, #A6CBE1, #427BBA, #006152, #343464)
• Petrol Harbor color palette (#F0E8DB, #80BFCC, #007699, #004C47, #00182A)
• Denim Station color palette (#F5ECF0, #82A3BD, #2F51A4, #003E3B, #231245)
• Washed Spruce color palette (#E6DAE6, #519E9F, #005269, #003311, #00132E)
• Ancient Studio color palette (#FAF3F7, #D6E0F2, #769DC3, #337E69, #47526B)
• Periwinkle Workshop color palette (#FBEBE3, #80E4F9, #56ADE9, #19946D, #202B52)
• Hushed Navy Study color palette (#F8E8F0, #4C89A6, #003683, #00231E, #0A0027)
• Airy Nightshade color palette (#F2EDFF, #F4B8B8, #B59554, #5A4DA7, #532536)

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