Petrol Harbor color palette — #DFEFE5 · #699E74 · #00737F · #442300 · #051000
Built around Teal, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DFEFE5): A whisper-light, dusty teal — the color of sea glass.
- Moss (#699E74): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#00737F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#442300): A deep, shadowed, dusty gold — the color of honey in a jar.
- Ink (#051000): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged pastel, light, muted.
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
- Antique Market color palette (#CFE8E3, #26AFA4, #007AB4, #332C00, #000E06)
- Washed Boulevard color palette (#FCE7EF, #969355, #007954, #5C031D, #110B00)
- Hazy Jade Archive color palette (#D1F4E9, #79BA77, #009685, #574900, #021700)
- Washed Pier color palette (#E9EDD7, #7FBE8E, #00AFB8, #845C00, #071600)
- Indigo Hollow color palette (#D0E6E1, #37B6D3, #7165D0, #334400, #001E1F)
- Twilit Navy color palette (#DCF2EF, #006E28, #090082, #002508, #000010)
- Weathered Raspberry color palette (#FAD7DC, #C600A1, #5F6B00, #060F07, #000201)
- Linen Cornflower Atelier color palette (#C5E8E6, #22C9C4, #2B89EA, #514800, #002F34)
Browse the whole catalog at Explore, or see today's palette.