Petrol Lagoon color palette — #EBF4F1 · #C4DDE1 · #CCB8CA · #0073A7 · #192923
A conversation between Slate and Stone, giving this palette its sense of trust and stability.
The five colors
- Cream (#EBF4F1): a clean, paper-quiet neutral.
- Silver (#C4DDE1): A whisper-light, dusty blue — the color of open sky before noon.
- Stone (#CCB8CA): A luminous, dusty pink — the color of peonies in June.
- Slate (#0073A7): A full-bodied, balanced blue — the color of open sky before noon.
- Onyx (#192923): A deep, shadowed, dusty teal — the color of sea glass.
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
- Aged Cypress color palette (#ECF5EB, #C7DCD7, #AFC6B6, #007B77, #1A2A19)
- Pewter Chapel color palette (#F7EFF4, #E0D4D3, #C6B8B7, #6F7198, #33292F)
- Timeworn Denim color palette (#ECE7ED, #D2C8D1, #B39BAD, #22578A, #1B121D)
- Cobalt Ridge color palette (#F0F6FB, #D7D9E6, #BFBEDC, #0090CF, #2F4252)
- Grape Alley color palette (#FFECF2, #E9CBD2, #C5A0A6, #703DA1, #26141B)
- Hazy Garden color palette (#FFEAFD, #9DD4FF, #88B6FF, #6E6FDE, #0A133E)
- Patina Teal color palette (#ECF7DC, #54BDA1, #007C70, #00575C, #152605)
- Cobalt Pier color palette (#DFF9F0, #0089D6, #6643A1, #004521, #001C20)
Browse the whole catalog at Explore, or see today's palette.