Petrol Harbor color palette — #EAF5EF · #8EBEB6 · #487F85 · #54516E · #0D2D29
A conversation between Slate and Ash, giving this palette its sense of sophistication and grounding.
The five colors
- Cream (#EAF5EF): a clean, paper-quiet neutral.
- Ash (#8EBEB6): A luminous, dusty teal — the color of glacier melt.
- Slate (#487F85): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal Brown (#54516E): A full-bodied, dusty violet — the color of twilight just after sunset.
- Deep Forest (#0D2D29): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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
- Aged Terrace color palette (#EBF9F4, #8EBAB2, #4A8160, #605274, #274A44)
- Softworn Teal Delta color palette (#E3F7F0, #76AF8C, #23726E, #60374E, #002221)
- Worn Quarry color palette (#F8F6E8, #CAE8C5, #7CAB8D, #906B6D, #3A3B00)
- Tempered Cypress Basin color palette (#F9EEF3, #C8E0F2, #718EC1, #006D65, #2C2648)
- Softworn Lagoon color palette (#D4E5DF, #3C8967, #004E4F, #42192E, #000B05)
- Faded Chestnut Parlor color palette (#FFECF2, #D29556, #4D97BC, #8F5500, #002C3E)
- Amber Summit color palette (#FFECF4, #C57834, #4F81BF, #456D9E, #2D1521)
- Worn Bronze color palette (#DEFCDC, #D9AF76, #9A6C2B, #583A00, #231200)
Browse the whole catalog at Explore, or see today's palette.