Petrol Pier color palette — #E4EBE5 · #79C1CB · #007793 · #004C43 · #001827
A conversation between Teal and Mint Leaf, giving this palette its sense of trust and stability.
The five colors
- Parchment (#E4EBE5): a clean, paper-quiet neutral.
- Mint Leaf (#79C1CB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007793): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C43): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001827): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Pier 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
- Sunlit Sapphire color palette (#E1EDE3, #8BBADA, #0C6AC5, #004956, #091137)
- Petrol Pier color palette (#FBEAE3, #6CC0CC, #00709E, #005333, #192B55)
- Denim Pier color palette (#E9F2EA, #66A6C3, #005D92, #00393D, #000922)
- Ancient Cerulean color palette (#F4EDE3, #88D2DD, #0095B7, #006D61, #01324A)
- Cerulean Study color palette (#DCE6DD, #2D84A0, #004060, #001F20, #000105)
- Misty Turquoise color palette (#CDEEEC, #6EDCC8, #00BAD9, #417025, #001B1D)
- Patina Jade color palette (#DCEFE4, #11A977, #00694B, #003221, #000A05)
- Dusty Moss color palette (#E2E7D7, #608F00, #006B21, #004227, #001C13)
Browse the whole catalog at Explore, or see today's palette.