Washed Petrol color palette — #EBF5EE · #A9CCC4 · #598D90 · #42667D · #1D3732
Peacock and Storm Blue set the tone — five colors that lean into sophistication and grounding.
The five colors
- Cream (#EBF5EE): a clean, paper-quiet neutral.
- Stone (#A9CCC4): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#598D90): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#42667D): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#1D3732): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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
- Lagoon Orchard color palette (#EBF9F5, #99CCC8, #4C9178, #4D6B75, #3D5250)
- Pine Workshop color palette (#EAF5EB, #95BEAF, #48845D, #72445C, #112D25)
- Softworn Cerulean Basin color palette (#EDF2FD, #DFD4E1, #DCB2A8, #598CA3, #3A3C4D)
- Hushed Corridor color palette (#F6F0F4, #D3DDEE, #80A0BF, #217C64, #2B364D)
- Worn Denim Station color palette (#CEEDFF, #97C1E8, #7183C5, #5D4B8D, #3A3555)
- Hushed Fern color palette (#F9F5EB, #D3D4B0, #68AB94, #648677, #515100)
- Aged Thicket color palette (#DDF1E4, #53733E, #00412F, #3E001B, #010400)
- Airy Loft color palette (#D1ECDF, #5FA965, #006A5D, #750929, #001D03)
Browse the whole catalog at Explore, or see today's palette.