Petrol Lagoon color palette — #F4F4FE · #9E83B3 · #448D8A · #0D6888 · #3B3B4D
A conversation between Peacock and Heather, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F4FE): bright and airy, almost weightless.
- Heather (#9E83B3): A luminous, dusty violet — the color of a velvet chair.
- Storm Blue (#448D8A): A full-bodied, dusty teal — the color of sea glass.
- Peacock (#0D6888): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#3B3B4D): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged 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
- Dusty Denim color palette (#F6F3FC, #9C6F96, #137A8A, #1A508A, #2D2F3F)
- Weathered Meadow color palette (#F6EFF9, #C37D91, #4D9377, #35628B, #281F2B)
- Hushed Studio color palette (#FFF2F1, #D495B2, #58AF8D, #607BA9, #4A3837)
- Timeworn Taupe color palette (#EBF9F4, #8FA066, #3D7E6A, #005D72, #334165)
- Sunlit Nightshade Studio color palette (#F4EAFC, #A84B7A, #006996, #1D369D, #2D2037)
- Washed Forest color palette (#ECF9F0, #C0A278, #837841, #006A51, #364F3B)
- Antique Driftwood Studio color palette (#FAF3F6, #DFD7D6, #A4B2BB, #A3765B, #5B4F54)
- Ancient Ultramarine color palette (#C4EDF7, #007872, #2E3ED2, #51008D, #002523)
Browse the whole catalog at Explore, or see today's palette.