Petrol Harbor color palette — #DEEEE9 · #0071AD · #6D4F00 · #002E4A · #020100
A conversation between Slate and Bronze, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#DEEEE9): bright and airy, almost weightless.
- Slate (#0071AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#6D4F00): A full-bodied, balanced gold — the color of old brass.
- Midnight (#002E4A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#020100): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Tempered Delta color palette (#DEEFE6, #007695, #982400, #00303F, #040000)
- Lowlit Denim Basin color palette (#F3DEF5, #004C8D, #563200, #001E3E, #020100)
- Tempered Basin color palette (#F4E2EE, #4F59D4, #545A00, #1D0082, #010100)
- Nocturne Ultramarine Atelier color palette (#CCE0FD, #083CC5, #5E3100, #000D65, #0D0400)
- Soft Archive color palette (#E2F0FF, #2A80D5, #9B6300, #00559B, #0B0400)
- Tempered Peony Study color palette (#DCEFFF, #AEAFE7, #CA668B, #00454B, #01000A)
- Powdered Magenta color palette (#F1D8EF, #C45CC1, #506E00, #590059, #010100)
- Faded Ultramarine color palette (#FFF0FE, #91B9FF, #969200, #1952BD, #1A1900)
Browse the whole catalog at Explore, or see today's palette.