Timeworn Petrol Pier color palette — #FFF2EC · #51AC81 · #0072A2 · #753A33 · #324230
A conversation between Slate and Jade, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Jade (#51AC81): A luminous, balanced teal — the color of glacier melt.
- Slate (#0072A2): A full-bodied, balanced blue — the color of deep harbor water.
- Rust (#753A33): A full-bodied, balanced orange — the color of autumn markets.
- Forest (#324230): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Trust, Stability, Balance. Tagged retro, muted.
Use it as a design system
One click turns Timeworn 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
- Muted Cobalt color palette (#FFF3E6, #68B8B0, #5576B6, #71522F, #3C4C42)
- Ancient Teal color palette (#E0FAE5, #00B4A3, #007794, #63364A, #0D272E)
- Antique Dune color palette (#FFF2EE, #9A9E46, #007A72, #6C3B5A, #3D3E37)
- Weathered Teal Balcony color palette (#FFF4E2, #41C9B8, #4092AD, #845167, #304332)
- Washed Lapis color palette (#F8F5E8, #88903C, #5A54B2, #584600, #33342D)
- Denim Alley color palette (#FFDDC8, #009180, #004EA4, #5A2800, #002F36)
- Tempered Archive color palette (#FFF4DC, #009FA8, #4E41D5, #514500, #003B51)
- Chestnut Market color palette (#F8F7DD, #A5BC99, #5A8B7F, #7E5A13, #4E4F00)
Browse the whole catalog at Explore, or see today's palette.