Petrol Pier color palette — #FFEEE6 · #69CDD8 · #007DA1 · #00543E · #001B33
A conversation between Cerulean and Aqua, giving this palette its sense of trust and stability.
The five colors
- Cream (#FFEEE6): A whisper-light, dusty orange — the color of autumn markets.
- Aqua (#69CDD8): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#007DA1): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00543E): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#001B33): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Worn Aqua color palette (#F5F7E6, #55CBD7, #007B8E, #005653, #003948)
- Frosted Sapphire Balcony color palette (#FBEFE7, #8DC4E1, #0A71D0, #005152, #110057)
- Antique Cornflower Field color palette (#F9F0E9, #AFDBCB, #4A81D9, #006167, #201D4C)
- Ancient Thicket color palette (#F4E7E2, #67A8B4, #006084, #003A2F, #000A1E)
- Cerulean Lagoon color palette (#FDF1FA, #6ADFE9, #009BC3, #007556, #00355A)
- Navy Cabin color palette (#EEE2DB, #4E8095, #003D6A, #001F1E, #00000C)
- Patina Cypress Garden color palette (#F7F0EC, #CAE2E0, #74A3C1, #31796C, #412F41)
- Sky Study color palette (#EFF6D4, #66E3CC, #16B8F8, #586700, #00271F)
Browse the whole catalog at Explore, or see today's palette.