Petrol Lagoon color palette — #F5EDE6 · #80BAD8 · #1F69B5 · #004F50 · #21275C

Royal Blue and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5EDE6): bright and airy, almost weightless.
• Sky (#80BAD8): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#1F69B5): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#21275C): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Patina Canyon color palette (#F7ECE7, #98BC9F, #007394, #00523D, #002F54)
• Washed Petrol Cabin color palette (#DFECEB, #98B8CF, #0072AA, #004959, #00172D)
• Muted Thicket color palette (#FAF4EE, #9DD2C2, #5B77B2, #005E68, #38345F)
• Softworn Denim color palette (#EEE0D9, #5FAEAD, #006274, #004125, #002235)
• Soft Basin color palette (#F7EAF0, #9EDDFE, #5CA7FF, #009092, #242A50)
• Tempered Cypress color palette (#FBF3F0, #C7E6CD, #5C93AA, #27715A, #2D4A67)
• Powdered Drift color palette (#E5FED6, #83D4E8, #7398C7, #427036, #1F3D23)
• Patina Lagoon Canyon color palette (#9EF7F2, #00A2A5, #00665E, #00312D, #001E1C)

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