Petrol Coast color palette — #DAFFF0 · #A6E0D8 · #58B1A0 · #007B9C · #1F4B7E
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#DAFFF0): A whisper-light, dusty teal — the color of glacier melt.
- Sea Foam (#A6E0D8): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#58B1A0): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#007B9C): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#1F4B7E): A full-bodied, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Navy Alley color palette (#FEF7CB, #BDF6EF, #71C9C3, #357C93, #24406E)
- Timeworn Cypress Coast color palette (#E0FFE1, #D1D6A6, #79B281, #008178, #005064)
- Worn Cobalt Lagoon color palette (#D4FFFD, #A5DAE7, #66ACD1, #5871BE, #513174)
- Timeworn Ultramarine Garden color palette (#BBF5D4, #64C0B9, #0092B7, #1C4DBC, #420E76)
- Nightshade Pier color palette (#D7E6DF, #00A0AA, #006E98, #1F00B7, #2A0039)
- Antique Garden color palette (#E6F5F8, #53ADA2, #465B6A, #263C40, #1A2423)
- Weathered Aubergine color palette (#D1FAF3, #008DB0, #004FAC, #400075, #1C001C)
- Patina Dune color palette (#EFF7F6, #D5DBE1, #B3B0BA, #7AA887, #4C5554)
Browse the whole catalog at Explore, or see today's palette.