Petrol Lagoon color palette — #FFEEE8 · #73CCD0 · #007DA3 · #005528 · #00183C
Built around Cerulean, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#FFEEE8): A whisper-light, dusty orange — the color of toasted spice.
- Aqua (#73CCD0): A luminous, balanced teal — the color of sea glass.
- Cerulean (#007DA3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#005528): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#00183C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Antique Veranda color palette (#FCF4E8, #72C8CC, #007B8F, #005747, #00384C)
- Muted Station color palette (#FEEEE5, #79C7EA, #286FD0, #005249, #1B004F)
- Quiet Pine color palette (#FCF1FB, #74DFE1, #009AC4, #007833, #003265)
- Tempered Terrace color palette (#E9DBD5, #6AA8B1, #005F88, #003C24, #000033)
- Patina Turquoise color palette (#EBFAEE, #CBDDFC, #00ACC7, #00745F, #002938)
- Hazy Blush Pier color palette (#EBF2FF, #E1CAFF, #F86D97, #006C7B, #201048)
- Tempered Navy Courtyard color palette (#EDE2DC, #448297, #003C6F, #002019, #01000A)
- Hazy Cornflower Alley color palette (#F8E8F9, #1485F5, #896F00, #004B93, #1C1500)
Browse the whole catalog at Explore, or see today's palette.