Petrol Garden color palette — #FCF2F6 · #BCD8F3 · #7D93CD · #007A89 · #3A335E

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Powder Blue (#BCD8F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#7D93CD): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#007A89): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#3A335E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Petrol Garden 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 Cypress Atelier color palette (#FAF2F8, #AFDDED, #39A3C7, #007F5F, #0C3D63)
• Hushed Canyon color palette (#FFF0F8, #8DD6F7, #058FF5, #007270, #1E2577)
• Worn Cobalt color palette (#F3F7ED, #A2CAED, #477AB7, #005B7B, #273A5C)
• Muted Lagoon color palette (#FAF3F6, #DADEED, #9AB3D5, #42949C, #48516E)
• Petrol Summit color palette (#F8EBF3, #6FACBF, #006DA3, #004B43, #000A41)
• Patina Denim Pier color palette (#F2E3ED, #55A19E, #006373, #003E20, #000B14)
• Patina Wisteria color palette (#DCF5EC, #9EB16A, #CE77D0, #607500, #4D214E)
• Raspberry Quarry color palette (#CCECE9, #5BAA6A, #867AD5, #B1489F, #003330)

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