Petrol Coast color palette — #E9F1EB · #8BB9CA · #00748C · #005145 · #003248
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E9F1EB): a clean, paper-quiet neutral.
- Ash (#8BB9CA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003248): 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 Coast 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
- Timeworn Cobalt color palette (#EFF8F0, #A6CBDD, #0083AE, #00605C, #193E5A)
- Dusty Denim color palette (#E9F3EB, #70A8BF, #005D8C, #003D41, #001E45)
- Petrol Hollow color palette (#EEE6ED, #7BC1C6, #00759C, #004F29, #001338)
- Soft Studio color palette (#F6EDE0, #99E1E9, #00B7DB, #00937F, #003248)
- Aged Corridor color palette (#F1F7F2, #D3DFF1, #67A3BA, #008076, #3F5568)
- Hazy Fern Garden color palette (#D0F5F4, #92D1C3, #58B2C7, #336600, #003B3D)
- Timeworn Abyss Delta color palette (#E1EEE3, #54899A, #00425F, #002223, #000919)
- Muted Cabin color palette (#E3EFE5, #6994BD, #0B3CAA, #002E3B, #0E0342)
Browse the whole catalog at Explore, or see today's palette.