Petrol Atelier color palette — #F3EEE5 · #99BBA1 · #00748E · #005147 · #00324A

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

The five colors

• Cream (#F3EEE5): bright and airy, almost weightless.
• Sage (#99BBA1): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#00748E): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#00324A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Petrol Atelier 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 Petrol Bloom color palette (#F5EDE2, #8CBDB0, #4566A9, #004D61, #252856)
• Patina Petrol color palette (#F0E7E3, #97BFA1, #0074A2, #004E30, #02103D)
• Hushed Denim color palette (#E9DFCF, #76A6BD, #005C8F, #003D42, #001D48)
• Antique Workshop color palette (#F9F4EE, #C7E9E4, #7BA490, #317D76, #2F5248)
• Dusty Bloom color palette (#F5EBF3, #A2CCDC, #2F90C1, #007046, #172B58)
• Tempered Lagoon Corridor color palette (#EAE2D5, #47A09B, #00545B, #003121, #00171E)
• Powdered Turquoise Lagoon color palette (#E6F2E8, #A9DCF0, #00B6DE, #009382, #00324A)
• Dusty Basin color palette (#E8F0D2, #94DBCD, #5AADC1, #4C6C1E, #004032)

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