Timeworn Petrol color palette — #F5F7E3 · #7FC5CF · #007B91 · #005655 · #00394A
Teal and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F5F7E3): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#7FC5CF): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007B91): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005655): A full-bodied, dusty teal — the color of glacier melt.
- Deep Teal (#00394A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Timeworn Petrol 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
- Washed Petrol color palette (#FFEEE6, #56CFDE, #007DA4, #005341, #001A36)
- Frosted Cobalt Dune color palette (#F3F8E8, #8FBEE0, #0070C0, #00526B, #002F6D)
- Feathered Turquoise Bloom color palette (#E3FBF7, #7CEDFF, #00BEE0, #009798, #00394A)
- Petrol Coast color palette (#F5F6EF, #CCE1DF, #79A590, #1C7C85, #315246)
- Worn Denim Quarry color palette (#E1E2D8, #80AA8F, #006179, #003D40, #002332)
- Gentle Field color palette (#FFF0FB, #7CDCEA, #0099CB, #00755D, #003362)
- Forest Parlor color palette (#E9F8D9, #7BDEC6, #00B4B6, #007135, #004131)
- Washed Denim color palette (#ECEFE3, #5D97B9, #004E7B, #002E3B, #00142C)
Browse the whole catalog at Explore, or see today's palette.