Petrol Lagoon color palette — #E4F0FA · #CEB071 · #236A92 · #003A56 · #071824
Peacock takes the lead with Sand close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#E4F0FA): a clean, paper-quiet neutral.
- Sand (#CEB071): A luminous, balanced gold — the color of honey in a jar.
- Peacock (#236A92): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003A56): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#071824): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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
- Wandering Petrol color palette (#EFF6FF, #D7C295, #5272A6, #2B4269, #162232)
- Timeworn Orchard color palette (#E8FAF3, #F9C85C, #006B9B, #002B42, #000503)
- Antique Amber Balcony color palette (#D8E3EF, #B48B27, #00477B, #001C35, #000308)
- Timeworn Villa color palette (#F8E9F6, #FFB1A5, #6686CA, #43567B, #1D121C)
- Feathered Lapis Market color palette (#DCE4FB, #D3A32B, #5143BB, #281871, #070D25)
- Gentle Delta color palette (#F4F4FF, #DFB452, #874BA0, #55186B, #1A172E)
- Aged Cobalt color palette (#F2F5FB, #DCD7E2, #C6B9C9, #6B7BC0, #353B47)
- Hushed Mulberry color palette (#DFDAF0, #C29F54, #773979, #410F44, #0D071A)
Browse the whole catalog at Explore, or see today's palette.