Petrol Coast color palette — #E0F4EA · #006F90 · #032C23 · #001109 · #000301
Built around Peacock, softened by Deep Forest — the whole palette hums with trust and stability.
The five colors
- Honeydew (#E0F4EA): A whisper-light, dusty teal — the color of shallow lagoons.
- Peacock (#006F90): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#032C23): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001109): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Lowlit Petrol Courtyard color palette (#CDE7DF, #0069AA, #311C31, #00100C, #000302)
- Cerulean Boulevard color palette (#D8EDE2, #008EB2, #52354B, #12271D, #080F07)
- Midnight Quarry color palette (#D4ECFE, #00496C, #181D23, #000E23, #000201)
- Velvet Garden color palette (#FDE6FB, #0058DA, #1C2242, #140713, #000302)
- Timeworn Indigo color palette (#FBE7F2, #7975D4, #4A343E, #241B20, #0F0B0E)
- Cerulean Coast color palette (#F2F3E5, #85D8DA, #008C99, #005C54, #052816)
- Misty Summit color palette (#F0D7EA, #5269F8, #9D4D89, #006871, #21091D)
- Antique Ridge color palette (#F4F3E4, #83AE71, #35753D, #454841, #1E1E01)
Browse the whole catalog at Explore, or see today's palette.