Petrol Harbor color palette — #F0E0E8 · #009D97 · #006BB3 · #713400 · #000E11
Built around Royal Blue, softened by Fern — the whole palette hums with trust and stability.
The five colors
- Rose Water (#F0E0E8): A whisper-light, dusty rose — the color of pressed rose petals.
- Fern (#009D97): A luminous, balanced teal — the color of sea glass.
- Royal Blue (#006BB3): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#713400): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#000E11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Optimism, Balance. Tagged retro.
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
- Washed Lapis color palette (#ECE7D8, #0098B6, #5257C7, #584500, #000D18)
- Garnet Field color palette (#F8E2DC, #00A26E, #00748D, #860A31, #000F0C)
- Patina Turquoise Cabin color palette (#D4E5DE, #47A7C5, #6470A7, #744A00, #222300)
- Hazy Grape color palette (#D3F3F9, #009587, #7D39BD, #633700, #0B0700)
- Washed Forest color palette (#EEE3EA, #62C2C1, #0092AC, #007145, #001624)
- Muted Aubergine Archive color palette (#E7EED3, #007F95, #005075, #400061, #000E14)
- Timeworn Pine color palette (#DBEBE0, #8DA252, #0C8733, #006362, #0D1200)
- Cornflower Basin color palette (#FFDEC1, #00C8D2, #3E8AFF, #9C5900, #002E3B)
Browse the whole catalog at Explore, or see today's palette.