Petrol Balcony color palette — #EDF8F4 · #CFDCB1 · #6B9BBF · #35688E · #0D2720

Peacock and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Celadon Mist (#CFDCB1): A whisper-light, dusty green — the color of a quiet forest floor.
• Blue Fog (#6B9BBF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#35688E): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#0D2720): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Patina Ash color palette (#FAF3F7, #FCD3C8, #979AC8, #666893, #32282E)
• Aged Petrol color palette (#ECF8F5, #E4BB9C, #4175A8, #18456D, #0E2721)
• Dusty Archive color palette (#FFF1F5, #FFBBB0, #A477C5, #6F4889, #29131A)
• Antique Mint color palette (#E6F4FF, #88C492, #165B80, #0F2A3D, #050D15)
• Denim Lantern color palette (#F0E5F0, #22B078, #0256A9, #002754, #000207)
• Lilac Studio color palette (#FAF3F7, #E2D7D7, #BCAFA6, #A3A2ED, #4E444A)
• Muted Summit color palette (#F1DEED, #FF9EB3, #5474E7, #2B42A3, #050B2D)
• Washed Moss color palette (#EBFAEE, #51CADA, #BB8F30, #6B9037, #223017)

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