Petrol Lagoon color palette — #EDF0E4 · #8EBDA9 · #006FA5 · #004D5E · #002F54
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#EDF0E4): a clean, paper-quiet neutral.
- Mint Leaf (#8EBDA9): A luminous, dusty teal — the color of glacier melt.
- Peacock (#006FA5): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004D5E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#002F54): A deep, shadowed, balanced 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
- Hushed Courtyard color palette (#F3F7EC, #A9CEC3, #507BAA, #005B7A, #213A63)
- Antique Cobalt color palette (#F0E7E0, #81BCDC, #226BBC, #004B4C, #0F1132)
- Aged Cypress Field color palette (#E9E9DD, #65ADAC, #00636A, #003F37, #00242A)
- Worn Market color palette (#F8EAF0, #A3CAE6, #3086E9, #006B6D, #262A4E)
- Pale Periwinkle color palette (#E3F2F1, #9EDDFF, #5FADE4, #008CAA, #0C2F4F)
- Aged Petrol Pier color palette (#F4F6EF, #CBE1E3, #72A597, #257995, #5E4B5F)
- Faded Mulberry Quarry color palette (#F6D5D3, #B16088, #006AC4, #840055, #002952)
- Lagoon Station color palette (#E9E9DB, #468E8A, #004648, #00231C, #000C0E)
Browse the whole catalog at Explore, or see today's palette.