Petrol Balcony color palette — #F9E9F1 · #7ABBD9 · #3668AD · #005147 · #2B284C

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

The five colors

• Blush (#F9E9F1): A whisper-light, dusty rose — the color of pressed rose petals.
• Sky (#7ABBD9): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3668AD): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2B284C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Softworn Cobalt color palette (#FCF2F6, #A6CAE7, #5C74B9, #00605E, #343856)
• Tempered Cabin color palette (#E8EBDF, #8ABBD4, #0C73A5, #004958, #00172C)
• Timeworn Summit color palette (#E8DCE9, #5AAFAC, #006178, #00420E, #00203E)
• Soft Forest color palette (#FBF2FB, #69E4E6, #008CB2, #0F6B30, #224165)
• Timeworn Wisteria Courtyard color palette (#D8F3FF, #B7C4FF, #C37EC3, #006A60, #1B3652)
• Ash Delta color palette (#FBF2F6, #D9DEEF, #8599C1, #427883, #4D5165)
• Periwinkle Bloom color palette (#F6ECE6, #B9DDCC, #5CA8F9, #00918F, #222955)
• Hushed Navy color palette (#D3F5EF, #0096A3, #006C8D, #00377A, #202353)

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