Quiet Petrol Harbor color palette — #E7F6EB · #00A0B0 · #2D65AB · #4C316C · #1B2200
A conversation between Peacock and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Cream (#E7F6EB): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#00A0B0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#2D65AB): A full-bodied, balanced blue — the color of open sky before noon.
- Royal Purple (#4C316C): A deep, shadowed, balanced violet — the color of a velvet chair.
- Onyx (#1B2200): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Quiet 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
- Grape Lagoon color palette (#E3F7F0, #4695CE, #6950AF, #642650, #002424)
- Misty Emerald Boulevard color palette (#EFF4E8, #37A471, #00727E, #1A4074, #212000)
- Chalky Nightshade Garden color palette (#C1ECDB, #007BAC, #4C00C7, #4E0047, #001210)
- Washed Teal color palette (#E4FAFF, #00BDB3, #4287B7, #62528D, #00413F)
- Wandering Cerulean Loft color palette (#F1F3EA, #C3E6D4, #4897C0, #006A7A, #0E332A)
- Weathered Lagoon color palette (#E2FBFD, #009F84, #75518F, #722F37, #512E10)
- Misty Turquoise color palette (#C8E7ED, #41B7D2, #008CAC, #00536E, #002C43)
- Dusty Cerulean Field color palette (#CFEED7, #9DC3B0, #6085A4, #6D4F59, #462A2F)
Browse the whole catalog at Explore, or see today's palette.