Petrol Coast color palette — #EBE4C9 · #669B71 · #006E83 · #673220 · #361105
Built around Teal, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Parchment (#EBE4C9): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#669B71): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#006E83): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#673220): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Onyx (#361105): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Trust, Stability, 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
- Antique Cypress Hollow color palette (#FCECE1, #A2976F, #0E7A73, #5E272A, #311106)
- Ancient Teal color palette (#D3E7D9, #27A59B, #3A788F, #623C40, #37322D)
- Dusty Denim Bloom color palette (#ECF3DD, #519AA0, #495A9D, #4A3911, #2D1D01)
- Washed Forest Summit color palette (#F1ECDF, #719A6C, #006453, #3F3A00, #121400)
- Terracotta Hollow color palette (#E7F0E4, #007C6D, #964200, #6E3F00, #000E0B)
- Hazy Rust color palette (#DEEFDA, #009389, #B04500, #00524C, #240800)
- Navy Alley color palette (#DBEFD7, #267678, #293B7B, #2D2100, #0C0700)
- Weathered Archive color palette (#D3E7D8, #009374, #006362, #003C4A, #00132D)
Browse the whole catalog at Explore, or see today's palette.