Petrol Lagoon color palette — #FFF4E2 · #70C9C5 · #007C89 · #005840 · #003948
A conversation between Teal and Aqua, giving this palette its sense of trust and stability.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Aqua (#70C9C5): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007C89): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#005840): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#003948): 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
- Worn Petrol Veranda color palette (#FFF4E2, #72C4E3, #0076AC, #005558, #003265)
- Misty Forest color palette (#FFEDE9, #54D1CE, #007E9B, #005615, #001B35)
- Periwinkle Bloom color palette (#DFFCFF, #7ED9FD, #74A8FF, #006F5D, #003E48)
- Softworn Denim Orchard color palette (#F4EEE4, #62ADAF, #006272, #003F32, #002331)
- Turquoise Corridor color palette (#E1FCF6, #94ECE8, #00C2CA, #009A84, #003A42)
- Dusty Cobalt Quarry color palette (#F9F4ED, #9DD2C3, #5076BF, #005C73, #4C3044)
- Muted Studio color palette (#F9F4ED, #C9E5D0, #2198BC, #007268, #2F4F45)
- Tempered Pine color palette (#FEF0FF, #60E2DD, #009CBD, #06791B, #00345D)
Browse the whole catalog at Explore, or see today's palette.