Washed Petrol Field color palette — #E0F3F2 · #77BBE0 · #166EA3 · #004D5E · #112F4C

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

The five colors

• Cream (#E0F3F2): A whisper-light, dusty teal — the color of sea glass.
• Sky (#77BBE0): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#166EA3): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004D5E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#112F4C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Washed Petrol Field 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

• Denim Dune color palette (#E0EFFF, #A2C3FE, #8C92D0, #1D668F, #25374E)
• Weathered Cypress color palette (#DFF4EF, #76C1BC, #00777B, #005144, #00353B)
• Antique Ridge color palette (#F4EDE3, #A3D0BD, #4B8BC5, #006A76, #152B5A)
• Glacier Workshop color palette (#EAF9F6, #67E4ED, #008FA1, #006761, #004857)
• Cerulean Delta color palette (#D1E2E0, #0B9FBE, #00516A, #002F33, #001623)
• Frosted Grape color palette (#D2E4F4, #0070B2, #7A3E9D, #005A4E, #062137)
• Quiet Atelier color palette (#D1E6FF, #1A96FA, #0056A3, #002A52, #001934)
• Olive Thicket color palette (#BFE4FE, #008ABB, #377D00, #00506E, #133103)

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