Petrol Harbor color palette — #D9FFF1 · #97BCE1 · #6284BF · #5660A7 · #6C4A5F
Built around Slate, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D9FFF1): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#97BCE1): A luminous, dusty blue — the color of open sky before noon.
- Slate Blue (#6284BF): A luminous, balanced violet — the color of twilight just after sunset.
- Slate (#5660A7): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal Brown (#6C4A5F): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged muted, cool.
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
- Denim Orchard color palette (#FFF0FD, #A7AEDD, #8679BE, #6F5091, #673E4A)
- Patina Market color palette (#E8F8FF, #8ACBF3, #6C9DE7, #766FA7, #4E4F67)
- Cobalt Workshop color palette (#FCF2FA, #9FAFD7, #B29455, #546FB5, #514C46)
- Patina Cerulean color palette (#E5FDDF, #82C2C6, #1F90A4, #007192, #31594C)
- Softworn Navy Boulevard color palette (#FFF0F9, #E7C0DB, #7C7DB7, #424784, #33335A)
- Ancient Market color palette (#DDE1F7, #9289D9, #7A4BB3, #661B83, #532350)
- Pine Villa color palette (#FFF0FB, #8894CB, #B77667, #388958, #513A4B)
- Soft Aubergine color palette (#D5E0ED, #7D9AFB, #614BE2, #5914B7, #522670)
Browse the whole catalog at Explore, or see today's palette.