Petrol Parlor color palette — #F2E6E1 · #97BEA4 · #0072AA · #004E36 · #091138

Slate and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F2E6E1): bright and airy, almost weightless.
• Sage (#97BEA4): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#0072AA): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004E36): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#091138): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Petrol Parlor 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

• Wandering Quarry color palette (#F7F0ED, #B4CFC0, #4E7FB3, #005D4C, #1A1A45)
• Softworn Petrol Parlor color palette (#F5EDE1, #76BECB, #007392, #005049, #00314C)
• Ultramarine Delta color palette (#F2E7E0, #7DA795, #1252B2, #003A34, #0C002B)
• Timeworn Azure Cabin color palette (#F0F8F1, #B5F2FD, #00A1CB, #006B62, #002135)
• Spruce Parlor color palette (#EDDBD6, #479997, #005266, #002F09, #00040E)
• Worn Lantern color palette (#F6F1EC, #C0E6DA, #7A8AC6, #006C6D, #40202F)
• Muted Navy Balcony color palette (#EBE1DB, #598370, #00377D, #00201B, #010009)
• Chalky Nightshade color palette (#FFE6E9, #F4B3B4, #C5965E, #624FA4, #330B1E)

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