Petrol Coast color palette — #DCE6E8 · #7B919C · #516E88 · #00312D · #000202
Built around Slate, softened by Deep Forest — the whole palette hums with sophistication.
The five colors
- Frost (#DCE6E8): bright and airy, almost weightless.
- Slate Blue (#7B919C): A luminous, dusty blue — the color of open sky before noon.
- Slate (#516E88): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Forest (#00312D): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#000202): a grounded near-black with real depth.
Feels like: 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
- Navy Lagoon color palette (#E7EDF5, #98A0B3, #787899, #003767, #00040E)
- Hushed Alley color palette (#DFE6DF, #AFC0B2, #659BAA, #004545, #000200)
- Aged Denim color palette (#E0EBF0, #C0CDD8, #95A5BE, #00606B, #061920)
- Gentle Nightshade color palette (#CAE5F0, #008F6B, #00646E, #1125A6, #000102)
- Eclipse Courtyard color palette (#D3E8EC, #00607D, #212E61, #261700, #000501)
- Softworn Ultramarine Veranda color palette (#ECF2FC, #CDD3EA, #C29CCB, #2354B3, #101A29)
- Petrol Canyon color palette (#EDF3F7, #D8D7E2, #C3B9CB, #4C7B9B, #272D32)
- Deep Fern Atelier color palette (#E1F3E5, #575E00, #083401, #001916, #010100)
Browse the whole catalog at Explore, or see today's palette.