Petrol Harbor color palette — #D6F3E8 · #56B1A8 · #007B87 · #2C3B6D · #1B1438
Teal and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D6F3E8): A whisper-light, dusty teal — the color of shallow lagoons.
- Turquoise (#56B1A8): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007B87): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#2C3B6D): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#1B1438): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged vintage, retro, muted, cool.
Use it as a design system
One click turns Petrol Harbor 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
- Feathered Grove color palette (#DEF2D6, #79BD8B, #00886C, #084B68, #001535)
- Weathered Petrol color palette (#B7E9FD, #7BB5C9, #0473A9, #503E66, #29102B)
- Teal Villa color palette (#D2EEE3, #00B39D, #006B64, #003F3E, #000C0C)
- Aubergine Station color palette (#D5EDF0, #519AB1, #006192, #421F64, #110014)
- Jade Study color palette (#E3F0D7, #42B989, #2698AF, #874D56, #341D37)
- Byzantium Parlor color palette (#D6F4FE, #00A6AB, #8C45F8, #00595C, #0B0020)
- Basalt Hollow color palette (#D3EAD0, #4F8574, #005966, #471E48, #25000F)
- Timeworn Denim Lantern color palette (#CEE6FC, #6480A8, #494C8A, #3B0E2F, #0B0003)
Browse the whole catalog at Explore, or see today's palette.