Petrol Harbor color palette — #DEE6BC · #67B5BE · #5266AF · #3A4200 · #1B1F00
Built around Slate, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#DEE6BC): A whisper-light, dusty green — the color of fresh herbs.
- Cyan (#67B5BE): A luminous, dusty blue — the color of deep harbor water.
- Slate (#5266AF): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Olive (#3A4200): A deep, shadowed, balanced green — the color of new leaves after rain.
- Onyx (#1B1F00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged vintage, retro, 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
- Timeworn Turquoise Corridor color palette (#DCEFE2, #46BFCA, #6A6CA8, #5E3B0D, #1F0F00)
- Violet Studio color palette (#A6F0DD, #6DA7C3, #8661B3, #1C511E, #011902)
- Hushed Study color palette (#DBF3EA, #5997B6, #69508A, #2F3C00, #060A00)
- Wandering Villa color palette (#CEEEF8, #6FA8D5, #777DB8, #875A51, #361F00)
- Washed Balcony color palette (#FFF2ED, #8BDCDE, #0087AC, #005523, #000C21)
- Hushed Mulberry Alley color palette (#CBEAF1, #6576AE, #743670, #002917, #000301)
- Wandering Quarry color palette (#D8FFF3, #85D8FF, #A582D2, #277136, #10401A)
- Weathered Basalt color palette (#DCFEF0, #F5CEE3, #C3948E, #5F7B5F, #213E23)
Browse the whole catalog at Explore, or see today's palette.