Petrol Balcony color palette — #F1F3EC · #C6E0E2 · #75A1C7 · #25758F · #402F41

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#C6E0E2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#75A1C7): A luminous, dusty blue — the color of open sky before noon.
• Teal (#25758F): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#402F41): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Periwinkle Veranda color palette (#FAF3F6, #D9DEEF, #759BD1, #307B7F, #495269)
• Denim Bloom color palette (#E5E9D9, #75A3BD, #005E8E, #003744, #000B1B)
• Antique Cypress color palette (#F2F2EC, #C6E1DC, #7EA78E, #007B7A, #1E3E2F)
• Tempered Basin color palette (#E9EADE, #9BBDA5, #00788F, #004B4C, #001923)
• Wandering Cerulean color palette (#F2F3E8, #99DEE0, #0094A2, #00635A, #002A33)
• Softworn Loft color palette (#FAF4EF, #C6DDEA, #C3BEF4, #3CA3A9, #604256)
• Hushed Bloom color palette (#F3F4E0, #88A779, #21A0A7, #9A6E3A, #292911)
• Olive Summit color palette (#F3F2E8, #A7BB92, #4FA9CA, #5B7E2B, #15392A)

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