Petrol Coast color palette — #E1EDD7 · #38AD9C · #2370AE · #503B00 · #2C1F00
Built around Slate, softened by Turquoise — the whole palette hums with trust and stability.
The five colors
- Honeydew (#E1EDD7): A whisper-light, dusty green — the color of new leaves after rain.
- Turquoise (#38AD9C): A luminous, balanced teal — the color of glacier melt.
- Slate (#2370AE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#503B00): A deep, shadowed, dusty gold — the color of old brass.
- Onyx (#2C1F00): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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
- Feathered Fern Ridge color palette (#D5F8E3, #54A4B4, #606A9D, #395000, #1E2C00)
- Ancient Petrol color palette (#F1E6C4, #769F74, #00718B, #6B352E, #440605)
- Tempered Seafoam color palette (#9AF3E5, #81B3A1, #86679C, #55514A, #352C00)
- Pewter Coast color palette (#DEF3F3, #6993BA, #754F78, #3C3A33, #222000)
- Garnet Atelier color palette (#DBF2F1, #70AEC5, #4473B8, #8E0D31, #6B2900)
- Chalky Drift color palette (#DAE5C9, #85B78C, #1991A5, #815600, #364900)
- Patina Loft color palette (#D6ECFA, #007AAE, #825D00, #4E5207, #00101C)
- Weathered Fern color palette (#C9E9C8, #B090B0, #84666D, #424F25, #2B270C)
Browse the whole catalog at Explore, or see today's palette.