Petrol Lagoon color palette — #9FF1F5 · #5CB1C2 · #00718D · #004B6A · #003655
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Sea Foam (#9FF1F5): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#5CB1C2): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00718D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004B6A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Navy (#003655): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Aqua Studio color palette (#C8EFF1, #2AD8EF, #00B0D6, #0082AB, #00314D)
- Softworn Grove color palette (#EEF7F9, #D2DAE4, #A0B8C2, #00736F, #283F44)
- Ancient Aubergine color palette (#D6F6F5, #3593AA, #00618F, #5A177D, #003647)
- Aged Orchard color palette (#BCF6CE, #5DB08D, #007D66, #005048, #003637)
- Patina Navy Villa color palette (#B2F8D3, #3BC9C3, #0092AD, #005A96, #1A1F78)
- Weathered Denim Field color palette (#E7F6FF, #79B5D9, #217BB4, #0050A0, #173585)
- Worn Delta color palette (#D3E5E9, #0087A8, #005372, #002842, #0F0B2C)
- Antique Cabin color palette (#D3EAFC, #8DA5C0, #6A7D9F, #684661, #4F3444)
Browse the whole catalog at Explore, or see today's palette.