Petrol Lagoon color palette — #F3F7EE · #C2DFF5 · #87A8D9 · #2777A0 · #1F2D4E
Slate takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F3F7EE): a clean, paper-quiet neutral.
- Powder Blue (#C2DFF5): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#87A8D9): A luminous, balanced blue — the color of deep harbor water.
- Slate (#2777A0): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#1F2D4E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Timeworn Canyon color palette (#F5F6EA, #B8E5F0, #49B6CF, #007F7E, #003443)
- Dusty Veranda color palette (#EDF0E2, #7CC2DB, #007197, #003D44, #000307)
- Aged Quarry color palette (#FAF4EE, #C5E9E0, #97ADFA, #009DB4, #3C325D)
- Tempered Thicket color palette (#EFF7F7, #B0C8E1, #3F77C9, #005A80, #2A3B56)
- Patina Cerulean color palette (#F5F7E8, #96DADE, #008A9A, #00524C, #000F14)
- Timeworn Grove color palette (#F4F9DD, #91D294, #41B0F6, #3C8A43, #002B44)
- Dusty Boulevard color palette (#F4F9DC, #C1EEEA, #B6BED3, #7DA068, #2F312A)
- Sunlit Clover color palette (#F4F9D9, #6DBC69, #00A9BC, #A77200, #072206)
Browse the whole catalog at Explore, or see today's palette.