Petrol Harbor color palette — #F3E4EE · #61C2DE · #136FB2 · #004D3C · #0F1231
Built around Slate, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Blush (#F3E4EE): A whisper-light, dusty pink — the color of neon signs at night.
- Cyan (#61C2DE): A luminous, balanced blue — the color of open sky before noon.
- Slate (#136FB2): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D3C): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#0F1231): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Hushed Cobalt Coast color palette (#FAEEF4, #9ED0E6, #4C7DBD, #005D50, #161E3C)
- Softworn Petrol color palette (#E1F3F0, #84BBCB, #007393, #004F55, #003249)
- Softworn Ultramarine Meadow color palette (#EFE1E5, #6AA4C7, #254DB7, #003A36, #0E0029)
- Wandering Meadow color palette (#D7EDFF, #00A1DB, #006384, #002B45, #00080F)
- Lilac Studio color palette (#D0F0FF, #A2C1FF, #B784BD, #006A52, #071B2C)
- Ash Canyon color palette (#F7EFF4, #D6D1E7, #829FBF, #457479, #2E3648)
- Chestnut Bloom color palette (#C7ECFE, #00788E, #894E00, #564600, #000D12)
- Ancient Veranda color palette (#DCF7EB, #00978F, #006275, #003961, #05143A)
Browse the whole catalog at Explore, or see today's palette.