Petrol Basin color palette — #E6F2E8 · #8EB8CC · #007295 · #00504B · #00314F

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

The five colors

• Cream (#E6F2E8): a clean, paper-quiet neutral.
• Ash (#8EB8CC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007295): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#00314F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Cobalt Balcony color palette (#F0F8F1, #ADCADB, #2580B4, #005F62, #1F3C5E)
• Petrol Study color palette (#F2E5EE, #8EBBCF, #0072AA, #004E36, #0A1233)
• Soft Turquoise color palette (#F4EEE3, #81E4F9, #00B4E9, #00928A, #00314F)
• Washed Abyss color palette (#D9E7DC, #609B9C, #005360, #003125, #001720)
• Cypress Quarry color palette (#F1F7F2, #D5DEED, #7A9EB9, #007F7E, #415568)
• Frosted Jade Veranda color palette (#DAFFEC, #B2D093, #58A983, #715200, #0E4032)
• Washed Mulberry color palette (#D5F2E3, #766D00, #006884, #880064, #232000)
• Chalky Station color palette (#C9E7D4, #927E12, #5155D8, #564800, #1D1A64)

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