Petrol Lagoon color palette — #F5ECE7 · #86BBCC · #006BB5 · #005141 · #262A4F
Royal Blue and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F5ECE7): bright and airy, almost weightless.
- Ash (#86BBCC): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#006BB5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005141): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#262A4F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. 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
- Faded Forest color palette (#F9EBE7, #7DBFBC, #00748D, #04540F, #012F54)
- Ancient Courtyard color palette (#FBF4EE, #9CCDE5, #4577C4, #006157, #393559)
- Ancient Petrol Station color palette (#E1EDE3, #72C0D9, #0074A3, #004B4C, #00162F)
- Nightshade Pier color palette (#E7DFD6, #79A4C4, #354CAD, #003E3D, #260F46)
- Cerulean Dune color palette (#FBE8E0, #3C9FA8, #00516E, #003219, #001135)
- Quiet Station color palette (#F5EBF1, #9DDFF4, #60ACE4, #009285, #172B57)
- Washed Cerulean Lantern color palette (#FCF3F1, #CAE5CA, #2798B9, #34723D, #534056)
- Lagoon Garden color palette (#A4F2E7, #00A68E, #005F55, #003428, #001814)
Browse the whole catalog at Explore, or see today's palette.