Petrol Coast color palette — #E9F3EB · #64AFBA · #00718D · #004B42 · #001624
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#E9F3EB): a clean, paper-quiet neutral.
- Cyan (#64AFBA): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00718D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B42): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001624): 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 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
- Tempered Cobalt Study color palette (#E2EDE4, #7BBCD5, #007DB6, #00595C, #001F42)
- Antique Aqua color palette (#F7EDDD, #63C8D5, #00728E, #003F37, #000306)
- Antique Denim color palette (#EFE4EC, #509DA6, #005070, #00321C, #010F37)
- Ancient Lagoon color palette (#E8F2EA, #6499BE, #0056A9, #003A45, #03002E)
- Weathered Azure color palette (#F0F7F2, #B9DAEA, #4DA1C3, #007D76, #133E5C)
- Washed Lagoon color palette (#D2E9DE, #00A37B, #006648, #002D1F, #000502)
- Faded Fern Parlor color palette (#D3E9E9, #65C2B3, #00A3BF, #416A00, #001D13)
- Misty Mulberry color palette (#DDF6F4, #26A154, #8C0095, #005425, #1F0022)
Browse the whole catalog at Explore, or see today's palette.