Washed Petrol color palette — #E7F2E9 · #7BBEC5 · #00748C · #005145 · #003248
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Cream (#E7F2E9): a clean, paper-quiet neutral.
- Ash (#7BBEC5): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003248): 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 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 Lantern color palette (#F2E4EE, #84BFC6, #007698, #004D3A, #00172D)
- Cobalt Bloom color palette (#F0F7F1, #95D0DF, #0083AE, #00605C, #1A3D59)
- Wandering Petrol color palette (#E7F2E9, #82B7E6, #3F66AB, #004D5F, #242855)
- Wandering Turquoise Hollow color palette (#EEEFE6, #B8DEBF, #00B8D3, #00918C, #003441)
- Patina Ash color palette (#F0F7F1, #D3E0F2, #6EA2B6, #427882, #445563)
- Sunlit Turquoise Hollow color palette (#D3FEFD, #70D6C2, #2FB0C1, #3D6224, #013B2F)
- Weathered Cerulean color palette (#DDE9DF, #0E8EAD, #00425F, #002223, #000919)
- Navy Lantern color palette (#DBE9DE, #4C94D6, #19419A, #002E3B, #0E0C36)
Browse the whole catalog at Explore, or see today's palette.