Petrol Lagoon color palette — #F4F6EF · #C4E5D8 · #608FB6 · #006D87 · #2E4969

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Celadon Mist (#C4E5D8): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#608FB6): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006D87): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2E4969): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Antique Cypress color palette (#F5F6EE, #CEE3D1, #4697A7, #00716D, #27523D)
• Dusty Market color palette (#F3F7E8, #9DD7F5, #0088C7, #006477, #11426B)
• Cerulean Delta color palette (#F7F0EB, #BFE7D7, #658FCA, #006C70, #3B2333)
• Dusty Turquoise color palette (#ECF8F7, #D5DBF3, #90C4EF, #59A4BD, #37495E)
• Worn Cerulean Field color palette (#EBEDE1, #448BA0, #004358, #002225, #000B14)
• Timeworn Navy Station color palette (#ECF1E2, #6494C0, #004792, #002D41, #000745)
• Denim Lantern color palette (#ECEDE2, #86A98C, #006271, #003E3C, #00242E)
• Petrol Workshop color palette (#EDF0E6, #8EBDAE, #156AB2, #004C64, #0E2C58)

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