Petrol Lagoon color palette — #F5EAF2 · #7CC3D4 · #006DA8 · #00402E · #010015

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

The five colors

• Blush (#F5EAF2): bright and airy, almost weightless.
• Sky (#7CC3D4): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006DA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00402E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, 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

• Faded Lapis color palette (#F7EAEF, #86BDE9, #4556D1, #003E3E, #04000E)
• Cobalt Thicket color palette (#FCF2F7, #9DD4F3, #4677D1, #00524B, #0F002E)
• Cerulean Workshop color palette (#F0E1D9, #02A0BB, #004E7B, #003123, #090A3C)
• Wandering Cerulean color palette (#E7DECF, #71BDCF, #008FBD, #006D69, #001527)
• Antique Canyon color palette (#FCF2F8, #D6D4E0, #6FABE8, #00826A, #272952)
• Hushed Azure color palette (#FDF1FA, #C3EDFF, #009CDF, #006D48, #08184C)
• Aubergine Grove color palette (#E9E5F3, #B256A6, #007A59, #67005F, #000201)
• Gentle Alley color palette (#FFDBDD, #BF0045, #2E6800, #025210, #040000)

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