Washed Petrol color palette — #DAF2F3 · #007686 · #004E5E · #002834 · #060F21

A conversation between Teal and Peacock, giving this palette its sense of trust and stability.

The five colors

• Frost (#DAF2F3): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007686): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#004E5E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002834): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#060F21): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Airy Station color palette (#D8F0FF, #0070AA, #004777, #001F49, #00043E)
• Inked Cobalt Alley color palette (#DDF1FF, #0079AF, #003F5A, #00111D, #000205)
• Wandering Lagoon color palette (#D3E7E1, #008C8C, #006173, #00364C, #00153B)
• Hushed Pine color palette (#CBEAD4, #007E56, #004834, #002A21, #001217)
• Dusty Alley color palette (#E0EFF7, #006B7C, #485200, #00333C, #0E1100)
• Tempered Bloom color palette (#D6EEFF, #005279, #580090, #003A2D, #000811)
• Chalky Indigo Loft color palette (#D2E9FC, #57ADFA, #5974D5, #004254, #00182C)
• Nightshade Basin color palette (#DAECFE, #005EBF, #0407AE, #110072, #0F0147)

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