Weathered Petrol Pier color palette — #FEF0DA · #4DABC1 · #3C6CAB · #6D322E · #0B291E
Slate takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#FEF0DA): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Cyan (#4DABC1): A luminous, balanced blue — the color of deep harbor water.
- Slate (#3C6CAB): A full-bodied, balanced blue — the color of deep harbor water.
- Rust (#6D322E): A deep, shadowed, balanced orange — the color of toasted spice.
- Deep Forest (#0B291E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Calm, Balance. Tagged retro, muted, cool.
Use it as a design system
One click turns Weathered Petrol Pier 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
- Aged Indigo color palette (#FBF0E0, #62A2DD, #685FA8, #663A14, #2D1C2B)
- Patina Teal color palette (#FFF1F7, #00ADAF, #5765A0, #6E411B, #28414F)
- Wandering Jade Harbor color palette (#FBF0E0, #3CB48E, #007986, #633256, #1A2716)
- Hazy Corridor color palette (#ECE5D7, #0088C4, #4400DF, #522000, #00122A)
- Weathered Cobalt Bloom color palette (#E2F3EC, #007EB3, #41263F, #041B14, #030705)
- Antique Aqua color palette (#E2FEE7, #31C4E3, #6188BD, #85544F, #2A404F)
- Aged Grove color palette (#F6F1EA, #C3E7CC, #449AB6, #006E63, #0B3429)
- Quiet Iris color palette (#FFF3E6, #62E4D8, #6690E3, #86581E, #1F3829)
Browse the whole catalog at Explore, or see today's palette.