Petrol Coast color palette — #D9E1DC · #AF9EA4 · #9F8282 · #006F82 · #000D04
A conversation between Teal and Heather, giving this palette its sense of trust and stability.
The five colors
- Silver (#D9E1DC): a clean, paper-quiet neutral.
- Taupe (#AF9EA4): A luminous, dusty rose — the color of pressed rose petals.
- Heather (#9F8282): A luminous, dusty red — the color of a theater curtain.
- Teal (#006F82): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#000D04): 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
- Aged Courtyard color palette (#E2E6DE, #95A4A1, #708E92, #007557, #050C00)
- Dusty Abyss color palette (#D9E2E8, #99A7B2, #79879C, #004D60, #000B13)
- Dusty Bloom color palette (#D9E3E9, #828F9D, #646A82, #003038, #000103)
- Tempered Ultramarine Terrace color palette (#ECE6EB, #AD9C9A, #9D8275, #2C5CC1, #110410)
- Ancient Study color palette (#E9E1CE, #6E9560, #00735B, #004F6D, #010800)
- Weathered Pewter Cabin color palette (#C9EAE7, #4988AE, #735D9D, #4B5104, #121500)
- Aged Veranda color palette (#EFE6EF, #CCBBBA, #BEA093, #2879F6, #271A27)
- Chalky Ultramarine color palette (#F6E8CD, #008D84, #2050B9, #473900, #000406)
Browse the whole catalog at Explore, or see today's palette.