Petrol Harbor color palette — #CCE7DB · #007BAA · #232F5E · #001C13 · #010602
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Celadon Mist (#CCE7DB): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#007BAA): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#232F5E): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#001C13): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#010602): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Creativity, Calm, Sophistication, Depth. Tagged noir, dark, luxury, 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
- Cypress Summit color palette (#DBEAD8, #00837A, #003948, #081B04, #040501)
- Dusty Cobalt color palette (#DDF1EB, #0086D4, #3A3B64, #042820, #06100A)
- Velvet Denim color palette (#CFE5F7, #005C84, #35262B, #001B36, #000A15)
- Cellar Delta color palette (#F3DBF3, #005CBF, #261A46, #130314, #000201)
- Iris Garden color palette (#F1DEED, #6A8AE3, #64414F, #362934, #121A17)
- Softworn Amethyst color palette (#FFE6F5, #6649F8, #45224E, #240C1C, #070308)
- Hazy Cornflower Boulevard color palette (#FEE1FA, #457CFF, #A17000, #507700, #0F1D3D)
- Patina Chapel color palette (#F9EBE6, #8CD2DB, #0093BF, #006E56, #0A2F51)
Browse the whole catalog at Explore, or see today's palette.