Petrol Balcony color palette — #F7EAF2 · #65BFDD · #2A6AAB · #005143 · #282A4C
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F7EAF2): bright and airy, almost weightless.
- Cyan (#65BFDD): A luminous, balanced blue — the color of deep harbor water.
- Slate (#2A6AAB): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005143): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#282A4C): 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
- Tempered Delta color palette (#FDF2F6, #92CEEE, #5277B8, #006058, #3A3559)
- Faded Nightshade color palette (#EEDFE4, #6BA5D4, #3F4DA4, #003E3F, #26143C)
- Antique Petrol Boulevard color palette (#E8EAE1, #94BFA9, #00759E, #004A54, #001828)
- Frosted Garden color palette (#FDF0FF, #77E3DF, #008DAC, #1A6B22, #1C4265)
- Ash Drift color palette (#FBF2F6, #D8DFF1, #7A9CC6, #4C777D, #4B5267)
- Weathered Orchard color palette (#E9DDE6, #00A2B0, #005070, #00321C, #000D3C)
- Linen Nightshade Grove color palette (#C6E7D9, #8F9521, #4F4BB0, #4A4D00, #221F58)
- Hazy Balcony color palette (#F9EBE3, #B3DFC8, #5FABEA, #009289, #172860)
Browse the whole catalog at Explore, or see today's palette.