Petrol Coast color palette — #F1F7F2 · #CFDCDE · #C2ACB9 · #00717D · #323E35
A conversation between Teal and Rosewood Mist, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#CFDCDE): bright and airy, almost weightless.
- Rosewood Mist (#C2ACB9): A luminous, dusty pink — the color of a candy shop window.
- Teal (#00717D): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#323E35): 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
- Washed Drift color palette (#EFF7F2, #CCDDDE, #D3C1D3, #478B9C, #333D37)
- Antique Summit color palette (#EAF4F8, #D1D6E6, #ADB8C6, #007185, #152329)
- Wandering Denim color palette (#EBF9F5, #E4CAD8, #BE97BF, #005CA0, #1B3933)
- Tempered Abyss Workshop color palette (#E2EBE6, #C3B3C3, #A78193, #004D5D, #14231B)
- Antique Boulevard color palette (#F9F3F8, #E3D8D7, #ADAEA1, #6E82A8, #575056)
- Patina Chapel color palette (#FAF3F7, #EAD5CF, #D4B3AE, #6559BA, #483C42)
- Tempered Cypress Thicket color palette (#FBF5E7, #85A772, #007459, #1F5167, #36362F)
- Antique Denim Quarry color palette (#F5EBF0, #DCC6C8, #B59992, #5B4689, #382930)
Browse the whole catalog at Explore, or see today's palette.