Washed Petrol color palette — #F4EEE3 · #97BC9D · #00748A · #005144 · #003347

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4EEE3): a clean, paper-quiet neutral.
• Sage (#97BC9D): A luminous, dusty green — the color of fresh herbs.
• Teal (#00748A): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005144): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#003347): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Petrol Garden color palette (#F5EDE2, #81BAD6, #006DAD, #004F56, #1A2D4E)
• Cerulean Basin color palette (#F9F4ED, #ABCFB7, #0084AC, #00605B, #1A4338)
• Lagoon Bloom color palette (#C7EEE1, #00A199, #00686B, #004751, #162946)
• Cypress Ridge color palette (#F8F5EF, #C6EAE4, #5FA4BC, #2A7E73, #345147)
• Cobalt Coast color palette (#FBF4EA, #94D9FA, #0085D2, #00656E, #263F69)
• Timeworn Harbor color palette (#DBF9E5, #96D8FF, #899CED, #00655D, #093628)
• Brick Quarry color palette (#CBE6D1, #008F9C, #C22112, #00535B, #4A140D)
• Aged Mulberry Station color palette (#D6F2DF, #00798B, #9E0091, #5D4B00, #00242B)

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