Petrol Balcony color palette — #F1F3EB · #CAE3D6 · #6095B2 · #006A7A · #072F49

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#CAE3D6): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#6095B2): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006A7A): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#072F49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Denim Ridge color palette (#E3E7DA, #5492B6, #004D7C, #002A36, #00040F)
• Cypress Chapel color palette (#F2F2EC, #C8E0D9, #63A9B2, #167B71, #233D2D)
• Hazy Iris color palette (#ECF5E6, #6AB5A0, #7589D1, #007661, #1B2448)
• Wandering Cerulean Drift color palette (#FAF3F6, #C0E2F7, #538FC6, #00716C, #3B485F)
• Timeworn Cabin color palette (#EAEADD, #87A686, #00656A, #003A32, #000D11)
• Softworn Delta color palette (#E8EBDE, #89BBD6, #0072A9, #004958, #00172D)
• Softworn Harbor color palette (#EEF0E1, #5D8368, #004351, #001F1F, #000203)
• Linen Boulevard color palette (#E6EDCC, #7DBF99, #008D62, #005E48, #00342C)

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