Washed Petrol color palette — #FBECE6 · #95BD9F · #007FA9 · #005B48 · #001F40
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FBECE6): bright and airy, almost weightless.
- Sage (#95BD9F): A luminous, dusty teal — the color of sea glass.
- Cerulean (#007FA9): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005B48): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#001F40): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Quiet Cobalt color palette (#E6DDD4, #8EBDAD, #4772C3, #00585F, #1D0F50)
- Hushed Cobalt color palette (#F5EDE7, #97CEE4, #258CD8, #006C67, #1B295B)
- Glacier Lantern color palette (#FFF0FB, #5EE1F3, #0086B1, #005341, #000D20)
- Wandering Turquoise Studio color palette (#D7E4E2, #53AEBC, #006275, #003E3E, #00232F)
- Faded Cerulean Canyon color palette (#E6E7DB, #54D4E6, #00A3C0, #007D7D, #00232F)
- Aged Denim color palette (#F6EAE4, #7B9C81, #00627C, #003D2C, #000A17)
- Tempered Olive Canyon color palette (#DDE6BF, #6ED5C9, #50A7D9, #646D00, #002D20)
- Weathered Lagoon Harbor color palette (#FAF4F0, #CEE7DF, #93BDA2, #5E9473, #335247)
Browse the whole catalog at Explore, or see today's palette.