Petrol Basin color palette — #E7F1E9 · #64C5E6 · #006FA0 · #003D3F · #000209
Peacock and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E7F1E9): bright and airy, almost weightless.
- Sky (#64C5E6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006FA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003D3F): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000209): 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
- Dusty Alley color palette (#E5F0E7, #5BB2B3, #00606D, #002C21, #000102)
- Pale Cobalt Quarry color palette (#EDF9EF, #9BD3FB, #2E7AD4, #004F5D, #04072A)
- Plum Lantern color palette (#C9E8E9, #00946E, #B40082, #004834, #040002)
- Frosted Cornflower Pier color palette (#FAE2F0, #41C0E9, #1984E5, #006F5C, #100938)
- Patina Grove color palette (#ECF9EF, #BBEFFF, #009ED7, #006A68, #00203B)
- Quiet Azure Meadow color palette (#DAFBFF, #78E5ED, #00AADB, #006125, #000605)
- Airy Grape color palette (#D0E7DF, #007963, #6900D3, #683100, #000201)
- Wandering Sky color palette (#EDF9EF, #D1D8ED, #00C1ED, #00897B, #003A55)
Browse the whole catalog at Explore, or see today's palette.