Tempered Petrol Balcony color palette — #F9EBE4 · #7ABEC6 · #007393 · #00523C · #073050

Built around Teal, softened by Forest — the whole palette hums with trust and stability.

The five colors

• Cream (#F9EBE4): bright and airy, almost weightless.
• Ash (#7ABEC6): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007393): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00523C): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Teal (#073050): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Petrol Garden color palette (#DFECEA, #8CBCCD, #007989, #004B48, #001921)
• Hushed Sapphire Meadow color palette (#F6EDE4, #91B6D6, #4462B7, #004E58, #2D2650)
• Cobalt Delta color palette (#FDF3EE, #A7D1B5, #2581AF, #006152, #1F3B61)
• Denim Quarry color palette (#ECDDD3, #64A9C4, #005B96, #003E3B, #0F1A48)
• Turquoise Quarry color palette (#F7EAF4, #94E2EB, #00B5E5, #009470, #0F304C)
• Ancient Turquoise Loft color palette (#E9F1CB, #91D3CB, #4FADD7, #566000, #003C30)
• Muted Navy color palette (#EDDBD0, #438BA2, #004066, #00231F, #00022C)
• Worn Cypress color palette (#FAF4EE, #BEE7D7, #6C8CBA, #007075, #5C3B51)

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