Washed Petrol color palette — #FFF2EC · #FFD8BA · #B4A668 · #008192 · #1C466D

A conversation between Teal and Camel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Peach Cream (#FFD8BA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#B4A668): A luminous, balanced green — the color of new leaves after rain.
• Teal (#008192): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#1C466D): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Washed 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

• Softworn Pine color palette (#FFF1F1, #F4D3C5, #D0A38A, #128358, #005355)
• Weathered Drift color palette (#FFDDD8, #D8A57C, #8A8255, #21626A, #3A4266)
• Tempered Basin color palette (#FFF3E9, #E0CAA9, #9F9871, #406D88, #4C3149)
• Muted Garden color palette (#FFF4E1, #E6E3B4, #83BA87, #5378B7, #3F345F)
• Navy Dune color palette (#F8DAC4, #B8A681, #6C8048, #004367, #15173F)
• Antique Grove color palette (#FFD9DD, #F7B5A9, #C4AD73, #828AB6, #3B4172)
• Navy Studio color palette (#FBEBCE, #909B69, #417046, #13287B, #16002D)
• Patina Dune color palette (#FAF4EB, #CDE0FA, #2BC3D7, #008B6B, #003B4C)

Browse the whole catalog at Explore, or see today's palette.