Petrol Balcony color palette — #ECF2FF · #ABAFDE · #A59E65 · #696BA2 · #163929
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF2FF): a clean, paper-quiet neutral.
- Mauve (#ABAFDE): A luminous, dusty violet — the color of a velvet chair.
- Moss (#A59E65): A luminous, dusty green — the color of fresh herbs.
- Slate (#696BA2): A full-bodied, balanced violet — the color of wild irises.
- Deep Forest (#163929): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Washed Pewter Terrace color palette (#F3EFFC, #CDA4C6, #78AB7E, #935B8B, #003A36)
- Indigo Study color palette (#F1F5FF, #A8ABDC, #A59A5C, #6868B5, #554E21)
- Cobalt Coast color palette (#EAF3FD, #97B5E0, #BC936E, #4A73AB, #472433)
- Wandering Workshop color palette (#FEF1FB, #AFC4F1, #A8BB73, #6B8ACF, #4E4D46)
- Washed Driftwood Harbor color palette (#ECF2FF, #8C98D2, #81975A, #707F54, #1F2738)
- Patina Pewter color palette (#FBEEF2, #A4C4B0, #9C7783, #6A4D63, #1D312B)
- Weathered Stone Courtyard color palette (#ECF2FF, #E1D5E1, #E4B5C0, #6C8FA6, #313548)
- Worn Cabin color palette (#F0F1FB, #99CFD2, #5B5D83, #2D2E49, #13131B)
Browse the whole catalog at Explore, or see today's palette.