Wandering Petrol Coast color palette — #E5F3E8 · #85B9D7 · #0D6BB3 · #004E58 · #1B2C51
A conversation between Royal Blue and Midnight, giving this palette its sense of trust and stability.
The five colors
- Cream (#E5F3E8): A whisper-light, dusty teal — the color of sea glass.
- Sky (#85B9D7): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#0D6BB3): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004E58): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#1B2C51): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Wandering Petrol Coast 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
- Petrol Corridor color palette (#E7F2E9, #8DBAC5, #007682, #00523C, #003442)
- Hushed Cobalt color palette (#EFF8F1, #ABC9E5, #5078BA, #005D71, #31375D)
- Wandering Sapphire color palette (#F0E6EA, #94B8D4, #3B66BF, #004C46, #18083A)
- Softworn Lilac color palette (#DFEFFF, #B3C4F0, #A988D7, #006981, #1E2F47)
- Faded Cerulean color palette (#DEF2F3, #00A1BB, #00698D, #003F66, #07275C)
- Hushed Denim Loft color palette (#D3E8FF, #529CE8, #004F9A, #00294B, #001631)
- Quiet Periwinkle color palette (#F4EEE4, #A8DBF9, #4CAAFF, #008E9F, #182B56)
- Aged Petrol Orchard color palette (#F0F7F1, #D9DDEE, #7C9BC4, #377988, #485367)
Browse the whole catalog at Explore, or see today's palette.