Petrol Coast color palette — #E7E0C0 · #74A482 · #14809A · #793C32 · #360A05
Cerulean takes the lead with Rust close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#E7E0C0): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#74A482): A luminous, dusty teal — the color of sea glass.
- Cerulean (#14809A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Rust (#793C32): A full-bodied, balanced orange — the color of autumn markets.
- Onyx (#360A05): A deep, shadowed, dusty orange — the color of sun-warmed clay.
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
- Quiet Cobalt Lantern color palette (#EAEECF, #45AB8B, #2182AD, #765400, #241700)
- Mulberry Delta color palette (#FFE8DA, #959D53, #009077, #862F47, #330413)
- Washed Pier color palette (#D3E7CB, #009494, #50699E, #613A22, #1D0B00)
- Teal Station color palette (#CEEBD1, #31AE9D, #057082, #482B49, #22000C)
- Moss Quarry color palette (#F3E8CE, #73A954, #008466, #63550C, #051400)
- Lagoon Balcony color palette (#DAE4D6, #00A580, #00807E, #005969, #00121E)
- Patina Rust Parlor color palette (#DAEAE4, #009372, #C93D00, #955400, #000A06)
- Muted Crimson color palette (#D2E6D4, #00A0A8, #EA0055, #007076, #260007)
Browse the whole catalog at Explore, or see today's palette.