Petrol Lagoon color palette — #DCEDED · #007585 · #00556A · #00293E · #000E1D
Teal and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DCEDED): bright and airy, almost weightless.
- Teal (#007585): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00556A): A full-bodied, dusty blue — the color of deep harbor water.
- Midnight (#00293E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000E1D): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Eclipse Meadow color palette (#DAF0F1, #007C89, #004051, #001928, #000104)
- Pine Boulevard color palette (#DAEFDD, #008557, #005242, #003330, #000D0E)
- Wandering Garden color palette (#DFF5EB, #007398, #8F3B00, #003E53, #0F0300)
- Dusty Indigo color palette (#C5EDDE, #82A4E4, #8172D0, #005761, #000C1C)
- Worn Navy Archive color palette (#C8ECFD, #0079B0, #004281, #020273, #050022)
- Tempered Mulberry Garden color palette (#DCF4EA, #005F87, #8D0050, #3B4200, #000204)
- Feathered Nightshade Hollow color palette (#DAE8F4, #1C67C0, #1A17BF, #250072, #11002A)
- Dusty Ultramarine color palette (#CDEEF9, #02A2DA, #0077C0, #004CB1, #1B2A6D)
Browse the whole catalog at Explore, or see today's palette.