Petrol Basin color palette — #FAEBE4 · #76BFC9 · #007296 · #00523F · #0F2F4F
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#FAEBE4): bright and airy, almost weightless.
- Cyan (#76BFC9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007296): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00523F): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#0F2F4F): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Worn Aqua color palette (#E0ECEA, #5CC5D4, #00788E, #004B4B, #001923)
- Sapphire Coast color palette (#F5EDE6, #8AB8D4, #0D64C8, #004F52, #252756)
- Softworn Cerulean Cabin color palette (#EEF0E4, #87D2DE, #0096B0, #006C6B, #003343)
- Washed Cobalt color palette (#FEF3EC, #A6D0B8, #0080BD, #006156, #4A3048)
- Powdered Lilac color palette (#DDFCE4, #9BD2FF, #9B88EA, #007159, #154033)
- Aged Harbor color palette (#BCEDFF, #009DC1, #005B79, #002D3F, #001922)
- Patina Onyx Delta color palette (#F6EAE3, #4F89A0, #003F69, #002220, #02002F)
- Pale Market color palette (#D1E4D2, #009096, #9E5400, #005458, #411F00)
Browse the whole catalog at Explore, or see today's palette.