Petrol Balcony color palette — #F9F6E4 · #CCE7BD · #76B28D · #307C9B · #3F4039
Slate and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9F6E4): A whisper-light, dusty green — the color of new leaves after rain.
- Celadon Mist (#CCE7BD): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#76B28D): A luminous, balanced teal — the color of sea glass.
- Slate (#307C9B): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#3F4039): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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
- Ancient Turquoise color palette (#F6F7E7, #AFEBDF, #5BB1BA, #656FA1, #344531)
- Muted Chapel color palette (#FCF4E4, #EFDBAB, #A4A66F, #2B8276, #513C00)
- Worn Jade color palette (#E8FAF1, #95B565, #57845E, #3A5F72, #334E49)
- Worn Mint Drift color palette (#FFF3E8, #D6D591, #6DC29F, #A07FA1, #484841)
- Muted Cerulean color palette (#F4F6EF, #C5DCE7, #B0BFE9, #3BA0B8, #35554C)
- Washed Navy color palette (#F7F7DD, #55CFB3, #009093, #364A93, #002824)
- Faded Aubergine color palette (#EDF3C9, #009E9A, #005F6F, #2C0078, #000505)
- Tempered Onyx color palette (#DCE4C8, #00859A, #004868, #2A0043, #000102)
Browse the whole catalog at Explore, or see today's palette.