Petrol Coast color palette — #DFF7E6 · #007685 · #062D4B · #051E0F · #000A05
A conversation between Teal and Midnight, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#DFF7E6): A whisper-light, dusty teal — the color of shallow lagoons.
- Teal (#007685): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#062D4B): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#051E0F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000A05): A deep, shadowed, dusty teal — the color of sea glass.
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
- Nocturne Pine Hollow color palette (#D8E4C7, #007C55, #003234, #131B05, #030902)
- Obsidian Denim Workshop color palette (#D0E4D9, #005E75, #2D3038, #271027, #000D05)
- Weathered Cerulean color palette (#D6E4DB, #0097AD, #004C64, #002C34, #061609)
- Turquoise Ridge color palette (#D1E4EC, #00B5CB, #3C6B94, #274753, #061417)
- Eclipse Sapphire color palette (#E9D8E8, #0361D5, #2D2347, #230F23, #07150F)
- Weathered Cobalt Canyon color palette (#FEECF5, #7A72B7, #49373A, #31242B, #1A1315)
- Twilit Studio color palette (#FFE7F0, #5A3400, #3C0070, #221107, #0C0009)
- Faded Orchard color palette (#DEEDFF, #007FEA, #A06200, #7F5800, #0D3157)
Browse the whole catalog at Explore, or see today's palette.