Petrol Lagoon color palette — #F5F1EA · #C6E4DC · #758DBD · #006884 · #3B2334

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5F1EA): a clean, paper-quiet neutral.
• Silver (#C6E4DC): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#758DBD): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#006884): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#3B2334): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Weathered Cypress color palette (#F5F1EA, #C7E5D2, #5E95B2, #076C6A, #00352B)
• Hushed Grove color palette (#FAF3F5, #CEDEEF, #7C85C2, #007076, #444466)
• Muted Cobalt Veranda color palette (#F7F1E8, #A7D6FC, #5883C6, #005F73, #191E51)
• Dusty Denim color palette (#F4EADB, #6AA7B8, #006083, #003938, #000B1A)
• Ancient Navy Canyon color palette (#F7EEE0, #47809E, #003D6A, #001F23, #00000A)
• Aged Bloom color palette (#FAF4ED, #C4E3F8, #AEB8E8, #409094, #553341)
• Muted Petrol color palette (#FBF0E0, #7FC9D7, #007DA0, #00524C, #001C2F)
• Muted Cobalt color palette (#F2F5D4, #6A9D5F, #597FBE, #995454, #1F2008)

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