Weathered Petrol color palette — #F1E7E2 · #80BFC9 · #00759B · #004D3C · #00162F
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F1E7E2): a clean, paper-quiet neutral.
- Ash (#80BFC9): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00759B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D3C): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#00162F): 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 Weathered 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
- Petrol Orchard color palette (#EEF0E5, #6BC0CD, #00758A, #00504F, #003343)
- Linen Field color palette (#EEE8E0, #8EBFB2, #435FCC, #004A54, #180A37)
- Tempered Study color palette (#F1E3D9, #57A7C9, #005A9C, #003938, #04022D)
- Quiet Cornflower Market color palette (#F9F0E9, #A5D7F5, #3A82E0, #006264, #1D1F49)
- Worn Cerulean color palette (#E8FAF6, #A8F4FF, #00A3BE, #006A68, #00232D)
- Chalky Lilac color palette (#D9FBE0, #A1D3FF, #A295FB, #007163, #002417)
- Lagoon Lagoon color palette (#F5EAE4, #299D97, #00535F, #002E15, #00050A)
- Dusty Turquoise color palette (#F7F0ED, #C8E4E0, #62A5CA, #337969, #412F42)
Browse the whole catalog at Explore, or see today's palette.