Petrol Coast color palette — #DFF0ED · #55B2BB · #007384 · #004A47 · #00171F
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#DFF0ED): bright and airy, almost weightless.
- Cyan (#55B2BB): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007384): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004A47): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00171F): 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
- Petrol Drift color palette (#D9E6E4, #67BFDC, #007FA9, #005861, #002235)
- Worn Denim Study color palette (#DEEDEC, #579AC5, #005C96, #003949, #00091B)
- Hushed Petrol color palette (#F8E9F5, #6AC8D0, #007198, #004122, #00020D)
- Timeworn Garden color palette (#E1F3EF, #8AD3D6, #0098A7, #006D64, #00343F)
- Soft Byzantium Chapel color palette (#E9E8F7, #A245C8, #00728A, #690089, #001218)
- Chalky Periwinkle color palette (#ECF8F8, #BFDFFF, #549BFF, #007BAC, #2D3E67)
- Hazy Pier color palette (#FFE6F3, #AE6B38, #863800, #591500, #150800)
- Rose Delta color palette (#FFE5F4, #EA90B5, #DF586E, #83337F, #2F0E21)
Browse the whole catalog at Explore, or see today's palette.