Petrol Coast color palette — #D5E9E6 · #54AFC2 · #00819E · #005D60 · #000B12
Cerulean takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#D5E9E6): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#54AFC2): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#00819E): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005D60): A full-bodied, dusty teal — the color of shallow lagoons.
- Ink (#000B12): 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
- Antique Cobalt color palette (#DEF5F4, #55A9E2, #1877C5, #005974, #00081E)
- Washed Denim color palette (#FBE8F5, #4AA0B1, #006086, #003C32, #00081D)
- Hushed Cerulean color palette (#D5E4E0, #62D4D8, #00A5B4, #007E73, #00242C)
- Washed Dune color palette (#F7ECF4, #537F94, #003F63, #002015, #00000C)
- Quiet Magenta Summit color palette (#EAE2FD, #CA28B9, #0079AF, #8E0081, #00070E)
- Hazy Basin color palette (#E2F3F1, #A2DBFF, #64ABE5, #218BA9, #0D2F52)
- Weathered Aqua Balcony color palette (#EBF9F6, #CCDFF8, #7ECBDF, #61A6A5, #304C5B)
- Patina Blush color palette (#F3D7E3, #E38DA4, #C77F53, #8C527F, #190621)
Browse the whole catalog at Explore, or see today's palette.