Washed Petrol Studio color palette — #F4EEE4 · #8FBDA7 · #006EA8 · #004F54 · #122D54

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

The five colors

• Cream (#F4EEE4): bright and airy, almost weightless.
• Mint Leaf (#8FBDA7): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#006EA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004F54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#122D54): 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 Studio 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

• Sunlit Sapphire Harbor color palette (#F4EDE3, #90B6D7, #2162CB, #004D5F, #252A4E)
• Softworn Cerulean Atelier color palette (#FAF4EB, #8CDFDE, #008FA1, #006951, #03475B)
• Quiet Cobalt color palette (#F9EAF1, #86D0ED, #4588D5, #006E5D, #292753)
• Turquoise Lantern color palette (#E4F2F0, #A1DDF8, #5AAFDF, #008EA4, #003150)
• Cerulean Studio color palette (#EDE4D6, #469DAD, #005169, #00302C, #001626)
• Patina Summit color palette (#F8F5EF, #C7E9EA, #779DC2, #3E7982, #5F4B5D)
• Washed Navy color palette (#EFE8DC, #5486AE, #003683, #00212A, #04012A)
• Wandering Grape Boulevard color palette (#E3DECA, #919421, #5734D1, #4B4D00, #251F54)

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