Petrol Coast color palette — #D4E7E4 · #6CC1C9 · #008396 · #005956 · #00242E
Cerulean and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Silver (#D4E7E4): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#6CC1C9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#008396): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005956): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#00242E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Muted Petrol Courtyard color palette (#D9F0EE, #64ACCA, #006F9B, #004854, #001527)
- Cerulean Drift color palette (#F5F6ED, #99D9DF, #00899D, #00524F, #000F15)
- Cerulean Lagoon color palette (#E2F2F0, #A1CBE3, #3591B8, #006A76, #00324B)
- Timeworn Byzantium color palette (#DDEEF7, #0096B1, #9B45C8, #005D6E, #2B003E)
- Wandering Garden color palette (#CDF3FF, #00829B, #614ED3, #006A33, #00151B)
- Ancient Chestnut Delta color palette (#FADBE5, #AF8341, #875302, #5E2F00, #1F1400)
- Petrol Meadow color palette (#DDEEEC, #6EBFD4, #0081A3, #00585E, #002333)
- Lagoon Veranda color palette (#DFF2EE, #82BEBB, #00858B, #005A4D, #00242A)
Browse the whole catalog at Explore, or see today's palette.