Washed Petrol color palette — #F6EAF2 · #6FC9C2 · #007484 · #00411E · #000306
A conversation between Teal and Aqua, giving this palette its sense of nature and growth.
The five colors
- Blush (#F6EAF2): a clean, paper-quiet neutral.
- Aqua (#6FC9C2): A luminous, balanced teal — the color of sea glass.
- Teal (#007484): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00411E): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#000306): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, 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
- Muted Petrol color palette (#F6EAF1, #71C4E0, #006DA9, #003E39, #000016)
- Muted Cerulean color palette (#FFF0FB, #7EDDEA, #0086AF, #005340, #000D1F)
- Spruce Drift color palette (#FCE5DF, #479A94, #005263, #042E03, #00050D)
- Hushed Teal color palette (#E0E0D0, #3DC7BF, #009599, #006F5C, #00181B)
- Hushed Seafoam Summit color palette (#E5FDCC, #6AE1B1, #00B8CF, #5B4D00, #000601)
- Patina Orchard color palette (#E9E2D2, #888C00, #3D5500, #002C0D, #000603)
- Chalky Boulevard color palette (#FEF0FA, #BCFCFF, #00AAD1, #007652, #002741)
- Powdered Hollow color palette (#FFF1F5, #D7DFFC, #608CF6, #006873, #1D1640)
Browse the whole catalog at Explore, or see today's palette.