Petrol Lagoon color palette — #EAF3F9 · #D5D5E1 · #B8BDDD · #007793 · #182730
A conversation between Teal and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EAF3F9): a clean, paper-quiet neutral.
- Silver (#D5D5E1): a clean, paper-quiet neutral.
- Sky (#B8BDDD): A luminous, dusty violet — the color of a velvet chair.
- Teal (#007793): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#182730): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Softworn Petrol color palette (#EFF6FC, #D7D9E9, #ABBDDD, #007599, #33424C)
- Denim Veranda color palette (#E4EAEE, #C6CCD6, #A1A1B7, #005C81, #0D171F)
- Wandering Sapphire Garden color palette (#EDF2FC, #DDD2E2, #C5BACF, #495DCF, #1E2532)
- Ancient Dune color palette (#F0F1F8, #DCD5DA, #BFADAA, #8879A9, #34363D)
- Azure Dune color palette (#EFF8F3, #CCE2E6, #D1C0B0, #009FD1, #243A31)
- Sapphire Station color palette (#CBE1FB, #006AC8, #311D4C, #001027, #000407)
- Dusty Cabin color palette (#E4F7EE, #8BB48D, #007D6D, #00517B, #07280B)
- Timeworn Spruce color palette (#B2F5EA, #7CB5DC, #7E72A0, #3B5D31, #0F3600)
Browse the whole catalog at Explore, or see today's palette.