Petrol Balcony color palette — #E5F3E9 · #006777 · #002341 · #031415 · #000203

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

The five colors

• Cream (#E5F3E9): bright and airy, almost weightless.
• Peacock (#006777): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#002341): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#031415): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000203): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Cerulean Meadow color palette (#D3EDE2, #0097D0, #44517C, #01344B, #000701)
• Shadow Spruce Station color palette (#CCE2ED, #413E45, #003038, #14131A, #000207)
• Turquoise Basin color palette (#D9EFE3, #00B2DD, #4C6895, #00495D, #081508)
• Charred Ultramarine Villa color palette (#F4DDF2, #0B52C3, #261643, #081216, #00010A)
• Tempered Cocoa Pier color palette (#D6EADC, #569791, #3A6C8E, #7D2E00, #120D00)
• Powdered Harbor color palette (#F3EAE1, #7EA5C8, #4C6CCF, #005B67, #0B0027)
• Quiet Navy color palette (#D7F4F7, #00819F, #006391, #002F8C, #080033)
• Sapphire Harbor color palette (#ECDFEC, #0675EA, #44386C, #2A132B, #000201)

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