Petrol Coast color palette — #E5E9D6 · #6CACC2 · #007095 · #004951 · #001624
Peacock takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#E5E9D6): A whisper-light, dusty green — the color of a quiet forest floor.
- Cyan (#6CACC2): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#007095): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004951): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001624): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Ancient Petrol Meadow color palette (#E4EBD8, #80A5CC, #3265B0, #004564, #020447)
- Dusty Harbor color palette (#EEEEE2, #59A09F, #00656B, #003C34, #000C0F)
- Hushed Meadow color palette (#E3F2F0, #6FC4E0, #007195, #003D44, #000306)
- Worn Field color palette (#E8DBE3, #6FBDD5, #008BD0, #006E64, #000A41)
- Hazy Teal color palette (#E1EFDA, #3AC4C2, #00A5B7, #006B4C, #00211D)
- Softworn Azure color palette (#F3F8E3, #97D4F6, #0095DE, #006F86, #00345E)
- Airy Turquoise color palette (#F5F7E5, #A0EAF1, #00AEC7, #00837E, #004759)
- Ultramarine Boulevard color palette (#D6E4C9, #008C6C, #2E57D7, #00523E, #010040)
Browse the whole catalog at Explore, or see today's palette.