Petrol Coast color palette — #D5E3D7 · #64ABD3 · #0068B4 · #004952 · #010843
A conversation between Cobalt and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Bone (#D5E3D7): A whisper-light, dusty green — the color of a quiet forest floor.
- Cyan (#64ABD3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cobalt (#0068B4): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004952): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#010843): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns 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
- Softworn Petrol color palette (#DEEDE1, #65AFB9, #00718D, #004B42, #001624)
- Softworn Petrol color palette (#F5EDE0, #6FC1F0, #0069B6, #003D45, #000016)
- Nightshade Cabin color palette (#F3E0E8, #6A96B0, #153CA7, #00302D, #18023B)
- Faded Cornflower Thicket color palette (#E9DED5, #81B8D7, #3778FF, #006E66, #160834)
- Tempered Cobalt Dune color palette (#E9F1EA, #94CDEA, #468CC4, #006B74, #102C5A)
- Lagoon Archive color palette (#C2EDE9, #00A1A2, #006363, #002E2E, #000504)
- Hushed Azure Market color palette (#C0ECF6, #6EC2D0, #3FA1DE, #00674A, #002023)
- Azure Grove color palette (#ECF9EE, #A8E6FA, #00A8E6, #008282, #11426C)
Browse the whole catalog at Explore, or see today's palette.