Petrol Lagoon color palette — #F7EFF8 · #8BB7EB · #6F6BAF · #2D66A6 · #160911
Built around Peacock, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Blush (#F7EFF8): a clean, paper-quiet neutral.
- Sky (#8BB7EB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#6F6BAF): A full-bodied, balanced violet — the color of wild irises.
- Peacock (#2D66A6): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#160911): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Balance. Tagged duotone, 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
- Driftwood Grove color palette (#F7EFF3, #C1BDEB, #9F6FA3, #70699F, #201114)
- Antique Dune color palette (#ECF4EE, #6CC3CF, #207CB3, #00727E, #00130D)
- Dusty Basin color palette (#EFF6FB, #7EB7D5, #9E5274, #00688D, #291F30)
- Sunlit Onyx color palette (#E9EDFF, #A6A1E3, #7D68A9, #593476, #3B0447)
- Cornflower Summit color palette (#F0F6FD, #9DC7FF, #987DD2, #2D7FE3, #202235)
- Petrol Study color palette (#F6EFF5, #E2D4D5, #C8B8B8, #6273A1, #322930)
- Hushed Lilac Canyon color palette (#FFEEE6, #9F91D0, #7D5C8A, #6E312B, #321A24)
- Navy Harbor color palette (#E8D9E5, #3A5EC8, #4C007A, #090086, #040001)
Browse the whole catalog at Explore, or see today's palette.