Petrol Balcony color palette — #F1F3EC · #C3E5DA · #6191C6 · #006789 · #172B4D
Peacock takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F1F3EC): a clean, paper-quiet neutral.
- Silver (#C3E5DA): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate Blue (#6191C6): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006789): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#172B4D): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Worn Cobalt Meadow color palette (#F0F3E9, #AAD6F5, #0088DC, #005E78, #00244E)
- Washed Cerulean Basin color palette (#F2F2EB, #CFE3CE, #3B9DA6, #006E61, #00333A)
- Abyss Lagoon color palette (#E7E7D8, #5C9693, #005458, #002C25, #000507)
- Aged Alley color palette (#EFF7F7, #D6DBF9, #6CA8EC, #3C84A4, #39495E)
- Tempered Lagoon color palette (#DFE8D7, #6ABEA9, #008D7D, #00605A, #003839)
- Petrol Lagoon color palette (#F2F4DF, #69CDD7, #008093, #00524F, #001E27)
- Worn Cobalt color palette (#E7EBE0, #90BFB3, #346AB7, #004665, #030D42)
- Misty Olive color palette (#E8F7E4, #00A397, #4382C5, #637400, #12230E)
Browse the whole catalog at Explore, or see today's palette.