Petrol Coast color palette — #DDF9DE · #67ABA6 · #006DA2 · #6B2600 · #2C2400
Peacock takes the lead with Rust close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#DDF9DE): A whisper-light, dusty green — the color of a quiet forest floor.
- Turquoise (#67ABA6): A luminous, dusty teal — the color of sea glass.
- Peacock (#006DA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Rust (#6B2600): A deep, shadowed, balanced orange — the color of toasted spice.
- Onyx (#2C2400): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, 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
- Weathered Cocoa color palette (#D1F4EC, #619FB2, #576193, #5C3C00, #1A2500)
- Patina Garnet color palette (#F0F2D2, #73AA89, #00747E, #6E272E, #381500)
- Gentle Studio color palette (#C6EAFA, #68ACDF, #3D64BB, #6A356A, #5A272D)
- Fern Thicket color palette (#D5EFF0, #88B3A5, #8177AB, #574D0A, #183204)
- Soft Cornflower color palette (#D5EEE7, #00C3DD, #5587E5, #865600, #4F3500)
- Weathered Lagoon color palette (#D3E8DD, #876B8B, #53477B, #353200, #001508)
- Garnet Villa color palette (#D6E8FA, #7466A3, #722751, #003113, #000B09)
- Wandering Mulberry color palette (#EFF6FF, #B4C5FF, #8B81BE, #9E3164, #651424)
Browse the whole catalog at Explore, or see today's palette.