Petrol Balcony color palette — #F8EBE3 · #6DC3E9 · #0069B6 · #003E3C · #010015

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#F8EBE3): bright and airy, almost weightless.
• Sky (#6DC3E9): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0069B6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Washed Villa color palette (#FDEAE0, #4BCCCF, #00738A, #004028, #000307)
• Cobalt Pier color palette (#FCF4EA, #9FD2FE, #5876C5, #005059, #0D0428)
• Navy Field color palette (#ECDBE4, #4C94B3, #004597, #002C26, #040019)
• Cornflower Lantern color palette (#FCE8DA, #80B9D3, #4183DB, #006E61, #140042)
• Timeworn Periwinkle Loft color palette (#FDF3EC, #D8D5E2, #7FA9E0, #1B7D80, #272B4C)
• Tempered Blush color palette (#FFE5F1, #FCB3F6, #F97A8B, #2B5D9E, #090015)
• Nightshade Lagoon color palette (#CFE5FE, #476CFF, #4F00C5, #31004B, #030004)
• Timeworn Boulevard color palette (#E8E5F9, #7811F2, #5F5B00, #264F00, #020008)

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