Petrol Coast color palette — #E4EDE5 · #A0B5B3 · #75A4A3 · #00818B · #06180B

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E4EDE5): a clean, paper-quiet neutral.
• Ash (#A0B5B3): A luminous, dusty teal — the color of glacier melt.
• Blue Fog (#75A4A3): A luminous, dusty teal — the color of glacier melt.
• Teal (#00818B): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#06180B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Pine Cabin color palette (#DEE0D9, #A4B5AB, #82A092, #00874F, #111604)
• Petrol Bloom color palette (#E3EDE9, #8FA5A9, #AA8DA8, #006B9A, #000D08)
• Abyss Archive color palette (#E7F1F5, #84A6B6, #678090, #003E44, #000508)
• Cobalt Corridor color palette (#E9E0EA, #BEAAAF, #B58D94, #0072CE, #1E0B20)
• Cornflower Bloom color palette (#DFEEE6, #00C5D7, #00AEDE, #0086E3, #000A14)
• Timeworn Turquoise Canyon color palette (#EDF9F1, #C4E1E0, #A2C9CB, #00AAC6, #1A3B28)
• Aubergine Harbor color palette (#E5EDD3, #0097BC, #006DAD, #6E008A, #000D16)
• Mulberry Veranda color palette (#D4E7FF, #8797C4, #7872A6, #7B3C5B, #3A0011)

Browse the whole catalog at Explore, or see today's palette.