Petrol Harbor color palette — #D9F7EB · #0079AC · #6D6200 · #004E58 · #072E23
Cerulean and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D9F7EB): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#0079AC): A full-bodied, balanced blue — the color of open sky before noon.
- Olive (#6D6200): A full-bodied, balanced green — the color of fresh herbs.
- Deep Teal (#004E58): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Forest (#072E23): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged muted, cool.
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
- Indigo Atelier color palette (#FEECF6, #6D65D1, #665100, #00424C, #0A283B)
- Terracotta Workshop color palette (#DCF6E7, #007D99, #A33732, #1F5200, #162C20)
- Aged Garden color palette (#FFF1F7, #6A4BA7, #683B00, #003A39, #2A131E)
- Terracotta Lantern color palette (#FAE9F4, #6163C5, #A7330C, #00532D, #321F2C)
- Feathered Violet color palette (#FFE7F0, #9565D0, #395D00, #00428A, #351F28)
- Patina Violet color palette (#E2E8FF, #7C53DE, #7F5F00, #1A511E, #0B0E21)
- Muted Atelier color palette (#FFF0F7, #9284C6, #1D8E9E, #2A677F, #483740)
- Airy Mulberry color palette (#EDF2D5, #7B7CCA, #99275A, #004A4B, #452530)
Browse the whole catalog at Explore, or see today's palette.