Petrol Lagoon color palette — #E0F3FF · #006BA6 · #003F71 · #001F47 · #140033

Built around Peacock, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Frost (#E0F3FF): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#006BA6): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003F71): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001F47): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#140033): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Sunlit Harbor color palette (#E0EBFA, #1A5CB2, #8A0052, #002A60, #240012)
• Dusty Harbor color palette (#D9EAEB, #00727D, #00424F, #00222D, #040B1B)
• Gentle Navy Studio color palette (#D5E8EA, #008BB3, #005689, #002184, #190043)
• Soft Violet color palette (#E8F1FF, #9394DE, #825CC0, #00376E, #0F0F36)
• Twilit Bloom color palette (#E2EAFA, #434FB7, #28008A, #180049, #120015)
• Nightshade Thicket color palette (#DAEAFD, #1F5FC3, #0711C8, #120066, #1B002A)
• Aubergine Field color palette (#E3EFFF, #00479F, #690073, #003837, #00061A)
• Worn Lagoon color palette (#DDDFEE, #7154CB, #500096, #310051, #240019)

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