Petrol Lagoon color palette — #D6EAED · #00758A · #005066 · #002F40 · #000D17
Teal and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D6EAED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#00758A): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005066): A full-bodied, dusty blue — the color of open sky before noon.
- Midnight (#002F40): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000D17): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, 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
- Deep Studio color palette (#D0F9F2, #00696F, #003D4C, #001729, #000515)
- Mulberry Ridge color palette (#D8EEFF, #00729E, #93008A, #003D57, #10000E)
- Dusty Cobalt color palette (#E3EEF9, #0080CD, #004A76, #001F37, #000205)
- Aubergine Thicket color palette (#D6E6F1, #005F8A, #651E9F, #004939, #000204)
- Sunlit Iris Market color palette (#DDE8F3, #799DD9, #737CD7, #005170, #000E22)
- Navy Grove color palette (#CDE6F9, #006BAF, #004284, #00176F, #030035)
- Azure Lantern color palette (#D9E9F2, #17ACEE, #007BBD, #005394, #00265A)
- Patina Grove color palette (#E4F1E7, #7D6F2A, #564200, #322000, #040400)
Browse the whole catalog at Explore, or see today's palette.