Petrol Basin color palette — #E4F2F0 · #77BECC · #00748D · #004F51 · #003345
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#E4F2F0): bright and airy, almost weightless.
- Cyan (#77BECC): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00748D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003345): 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
- Patina Field color palette (#F0E5ED, #91BACD, #0074A1, #004D3F, #001534)
- Wandering Turquoise Field color palette (#EEF0E4, #97E1F0, #00B6DD, #009094, #003345)
- Misty Cerulean color palette (#F5ECE9, #A9CFB5, #0092C7, #006E5B, #002D5D)
- Cobalt Summit color palette (#EBF8F8, #9ED6FD, #3684C8, #00627F, #1C406F)
- Lagoon Hollow color palette (#D5E3E0, #549D9E, #00545B, #00302A, #00181C)
- Antique Cypress color palette (#EEF7F6, #D3DDEF, #6BA2B9, #357A81, #3B5669)
- Ancient Denim Bloom color palette (#EFF3FF, #CCBCE9, #B77EC2, #4F549D, #34284A)
- Mulberry Courtyard color palette (#EBEDFF, #5F59C6, #9D2670, #005766, #1A1843)
Browse the whole catalog at Explore, or see today's palette.