Petrol Lagoon color palette — #FFF0FB · #83C4D0 · #0078A3 · #005747 · #003265
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Sky (#83C4D0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0078A3): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005747): A full-bodied, dusty teal — the color of sea glass.
- Navy (#003265): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Sapphire Bloom color palette (#FFF1F7, #7FC0EB, #3169C9, #00555A, #2D2371)
- Petrol Thicket color palette (#F1F4E1, #65CCDE, #007F98, #005153, #001E29)
- Ancient Cerulean Field color palette (#E8FAF7, #84DAEA, #009CBC, #007274, #00394B)
- Ancient Denim color palette (#F5E8F1, #6EA9B8, #005E88, #003F36, #001B4B)
- Wandering Cypress color palette (#F9F3F7, #D6DFF1, #779EBE, #1E7F75, #43536D)
- Sky Coast color palette (#FFF2EC, #85ECFE, #0FB9F7, #009A7E, #08335F)
- Misty Workshop color palette (#F0F5FF, #E9C3FF, #E67799, #006C9A, #3B2B6C)
- Wandering Hollow color palette (#F4E8ED, #5F86A0, #003B75, #002223, #05002C)
Browse the whole catalog at Explore, or see today's palette.