Petrol Harbor color palette — #E9FBEC · #7EC5CD · #007A94 · #00574B · #003850
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E9FBEC): A whisper-light, dusty teal — the color of glacier melt.
- Mint Leaf (#7EC5CD): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007A94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00574B): A full-bodied, dusty teal — the color of glacier melt.
- Deep Teal (#003850): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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
- Dusty Workshop color palette (#EEF8F0, #89C0DD, #0072BA, #00545D, #00287D)
- Chalky Petrol Lagoon color palette (#FCECF9, #78CBD2, #007CA7, #00552E, #001642)
- Worn Chapel color palette (#DFF8FF, #91D3FF, #88A3FF, #007770, #00435C)
- Softworn Denim Grove color palette (#E4F1E6, #69ABB6, #00617B, #003E39, #002236)
- Turquoise Garden color palette (#FFF4E2, #71EFFC, #00BDE3, #009A85, #003850)
- Powdered Cabin color palette (#FFF2ED, #70DEE8, #0099CD, #007744, #0E2F68)
- Powdered Plum color palette (#CCE7EE, #007F94, #A80094, #625100, #002932)
- Softworn Abyss color palette (#DFEDE2, #4A8AA3, #004063, #002224, #00081C)
Browse the whole catalog at Explore, or see today's palette.