Petrol Lagoon color palette — #EBF7FF · #D7D8E8 · #B3BBD6 · #007598 · #34424B
Teal and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EBF7FF): a clean, paper-quiet neutral.
- Silver (#D7D8E8): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#B3BBD6): A luminous, dusty violet — the color of a velvet chair.
- Teal (#007598): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#34424B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Cerulean Market color palette (#EDF8F2, #EADADE, #D8BDBA, #0094BC, #34443C)
- Tempered Lagoon color palette (#E8F0F7, #C0CDE2, #9C9FB4, #005B86, #21303C)
- Tempered Driftwood Terrace color palette (#F4F4FD, #E0D7DF, #B6A9A2, #7D7F9E, #515259)
- Tempered Navy color palette (#DADFEC, #A7A6C1, #857994, #322874, #0D1325)
- Muted Grove color palette (#D1EDFF, #8BA5FA, #916A99, #5D5A2F, #2B503F)
- Dusty Alley color palette (#E5FBF5, #36BE7F, #007A70, #155874, #16452D)
- Mulberry Chapel color palette (#ECF7FF, #0089B7, #972463, #4A4000, #1F300A)
- Inked Sapphire color palette (#E5F0FF, #0060D9, #2D2347, #0C1929, #040710)
Browse the whole catalog at Explore, or see today's palette.