Petrol Lagoon color palette — #FFE5F5 · #00A07C · #006CAE · #7B2900 · #000E0F

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

The five colors

• Blush (#FFE5F5): A whisper-light, dusty pink — the color of a candy shop window.
• Fern (#00A07C): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#006CAE): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#7B2900): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#000E0F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Optimism, Balance. Tagged retro.

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

• Pale Lagoon color palette (#ECDAF0, #33A300, #007489, #870039, #000F09)
• Ancient Field color palette (#F0DFC3, #009C9D, #3F46F5, #5F4100, #000E14)
• Gentle Indigo Atelier color palette (#E3EFDE, #4DA8A8, #556DCC, #6E5600, #002611)
• Patina Garnet Terrace color palette (#F3E3C3, #008282, #005172, #550025, #000E11)
• Timeworn Lantern color palette (#C9EDE8, #26A731, #7F00BE, #573F00, #0C0600)
• Ancient Olive color palette (#F1DCE2, #A49B1A, #2B8600, #006267, #00140B)
• Soft Meadow color palette (#FFDDC5, #00CDAD, #168FFA, #A15500, #002F34)
• Navy Pier color palette (#C6E8F7, #007888, #042E6A, #191C22, #00090C)

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