Petrol Coast color palette — #F7EDDC · #85C2CD · #007291 · #003E39 · #000307
A conversation between Teal and Ash, giving this palette its sense of trust and stability.
The five colors
- Cream (#F7EDDC): A whisper-light, dusty gold — the color of old brass.
- Ash (#85C2CD): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007291): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#003E39): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000307): 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 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
- Worn Cobalt color palette (#FAF4EB, #A8D8C1, #0081C4, #005156, #000B24)
- Tempered Ultramarine Archive color palette (#F4ECE0, #7BAE9F, #004EAF, #002A34, #00000B)
- Lilac Archive color palette (#E2F7FF, #A3D5FF, #939AF9, #005A5F, #00060B)
- Lagoon Dune color palette (#C3EBE2, #009A9C, #00636F, #00303B, #000204)
- Pale Thicket color palette (#CDEEDB, #00738D, #990078, #4C4300, #000102)
- Brick Alley color palette (#D1F1DC, #008DA4, #C10C02, #004450, #040000)
- Powdered Cobalt color palette (#EFE3DE, #67BFCF, #008CCB, #00704D, #040B3E)
- Washed Azure color palette (#FDF4E5, #D5E7FD, #00A6E8, #007273, #002548)
Browse the whole catalog at Explore, or see today's palette.