Petrol Lagoon color palette — #E0E1D4 · #6FAEB5 · #007385 · #004A48 · #00171F
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Bone (#E0E1D4): bright and airy, almost weightless.
- Blue Fog (#6FAEB5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007385): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004A48): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00171F): 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
- Petrol Hollow color palette (#EEF2E5, #78A8C8, #006AAC, #00475B, #00132E)
- Tempered Cobalt Atelier color palette (#DFE1D8, #91BDA6, #007FAB, #005862, #002236)
- Aqua Veranda color palette (#E1F2EF, #5CC9D7, #007488, #003E3D, #000305)
- Washed Cerulean Workshop color palette (#FAECE5, #30A0AD, #00516B, #003124, #00142A)
- Aged Cerulean color palette (#EFF0E3, #ACCFAF, #0097A7, #006D65, #00343F)
- Teal Balcony color palette (#F6F6E9, #C7E5C2, #00B1B4, #00856E, #004950)
- Misty Nightshade color palette (#ECDEE9, #4B6BE2, #00785E, #1E00CC, #00140D)
- Softworn Mulberry color palette (#DDE8FF, #375ACC, #97098B, #00555A, #01002A)
Browse the whole catalog at Explore, or see today's palette.