Petrol Harbor color palette — #FCEBDC · #85BEE4 · #3665B2 · #003D41 · #020012
A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#FCEBDC): A whisper-light, dusty gold — the color of honey in a jar.
- Sky (#85BEE4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#3665B2): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#003D41): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#020012): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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 Petrol Balcony color palette (#FBEAE2, #73C7C8, #00738A, #004027, #000307)
- Timeworn Denim color palette (#E7EDDA, #5291B9, #004C7E, #002A37, #000410)
- Cobalt Cabin color palette (#DDEDEC, #86B7D8, #1F88D5, #006985, #00132F)
- Navy Lagoon color palette (#EBDDD0, #915800, #005E8E, #004280, #020100)
- Quiet Bronze Grove color palette (#F1DCC8, #B56900, #006EA2, #593100, #000103)
- Periwinkle Loft color palette (#FBF4EC, #C4E4F8, #83A5EC, #137D88, #2C294B)
- Sunlit Ember Grove color palette (#F2DADA, #E84815, #793C00, #351F00, #030200)
- Weathered Powder Thicket color palette (#FBF3F0, #C2E0E7, #85C5E1, #53907A, #1A483F)
Browse the whole catalog at Explore, or see today's palette.