Petrol Lagoon color palette — #FDF4E6 · #83C2DA · #0076AC · #005558 · #003265
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
- Sky (#83C2DA): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#0076AC): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005558): A full-bodied, dusty teal — the color of sea glass.
- Navy (#003265): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: 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
- Muted Archive color palette (#FFEEE4, #5ECAF1, #0071D1, #005346, #16094A)
- Timeworn Cerulean color palette (#FAF4EB, #9FDBDC, #008FA3, #006953, #00475D)
- Denim Basin color palette (#EFE8DD, #74A6BF, #005B92, #003D43, #021C49)
- Powdered Cornflower Workshop color palette (#FFF0F8, #76DAFB, #058FF5, #007460, #29266D)
- Antique Terrace color palette (#E8FBEB, #A2E5FF, #38B6FD, #00979C, #043262)
- Worn Quarry color palette (#F8F5EE, #C9E6E7, #769DC6, #2C7B87, #5F4B5C)
- Feathered Atelier color palette (#CCFFF1, #4DDFEB, #00B1E8, #007C42, #003F3C)
- Abyss Terrace color palette (#E8DFD1, #5E9C99, #00545D, #003123, #00171F)
Browse the whole catalog at Explore, or see today's palette.