Timeworn Petrol Pier color palette — #E4F5DE · #85B192 · #3E927D · #27688E · #192D45
A conversation between Peacock and Fern, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E4F5DE): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#85B192): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#3E927D): A luminous, balanced teal — the color of glacier melt.
- Peacock (#27688E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#192D45): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.
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
- Aged Chapel color palette (#EAE6D2, #A4AE79, #709750, #246C6F, #00333E)
- Gentle Summit color palette (#C9F5EB, #3EB3B7, #3C96AB, #5D6291, #31214A)
- Cerulean Thicket color palette (#DBEEEB, #83CEDA, #00A3C1, #007D7D, #002330)
- Chalky Taupe color palette (#FFDFAA, #98B472, #3A776E, #563153, #2F092D)
- Misty Petrol Meadow color palette (#CDECEB, #3393A3, #006F96, #463673, #1C0728)
- Lagoon Coast color palette (#D7ECEA, #5EBD8E, #009573, #66682F, #002112)
- Antique Harbor color palette (#D1FDF8, #B0E0E0, #8AC6BA, #7292AE, #424F62)
- Hushed Summit color palette (#C4EAFB, #7CBFDC, #5E9ED9, #75759B, #3E3654)
Browse the whole catalog at Explore, or see today's palette.