Petrol Lagoon color palette — #F0E8DC · #93BFAB · #0071B0 · #004A50 · #001338
A conversation between Slate and Midnight, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F0E8DC): a clean, paper-quiet neutral.
- Mint Leaf (#93BFAB): A luminous, dusty teal — the color of sea glass.
- Slate (#0071B0): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004A50): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001338): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Cobalt Boulevard color palette (#F7F1E7, #A1D4C3, #507EB8, #005969, #151D3F)
- Tempered Pier color palette (#F7EAF1, #8FB7D1, #3C68A6, #005147, #2B235B)
- Cypress Thicket color palette (#E9E0D2, #68AAA6, #00646D, #003B29, #000D13)
- Muted Lilac Dune color palette (#D8F9EC, #B5CBFF, #A98EDA, #006271, #051B3A)
- Cerulean Orchard color palette (#C3ECF0, #0094A8, #00607C, #003852, #001937)
- Weathered Bronze Canyon color palette (#C9EDDE, #008ABC, #9F5500, #004D6B, #200C00)
- Navy Summit color palette (#E9E2D7, #4A7DA9, #033386, #001E27, #01000B)
- Chalky Mulberry color palette (#CDEAFF, #0072A9, #A1275A, #465300, #000C17)
Browse the whole catalog at Explore, or see today's palette.