Petrol Harbor color palette — #F0E8DB · #80BFCC · #007699 · #004C47 · #00182A
A conversation between Teal and Ash, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F0E8DB): bright and airy, almost weightless.
- Ash (#80BFCC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007699): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C47): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#00182A): 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
- Muted Garden color palette (#EEE8DF, #90B8DB, #2966CA, #00495A, #0D0F39)
- Hazy Petrol color palette (#F5EBF2, #63C1D2, #006FA4, #005238, #1E2B52)
- Softworn Cobalt color palette (#F6F1E9, #AED1BF, #0084C1, #005B5E, #2D162F)
- Quiet Cornflower Boulevard color palette (#F7F1E8, #A1D7FF, #177FF5, #005F71, #17204C)
- Worn Ash Grove color palette (#F5F1EB, #C4E6E3, #6FA4C1, #387776, #233C36)
- Worn Canyon color palette (#E8E1D7, #44819D, #003E66, #001F22, #000106)
- Chalky Azure Dune color palette (#FCF3EF, #B2F2FF, #009BE5, #006D4D, #121B3D)
- Weathered Bloom color palette (#FFE1E1, #A93782, #686000, #00556B, #1D0003)
Browse the whole catalog at Explore, or see today's palette.