Petrol Lagoon color palette — #F2F3E2 · #73CCCE · #00818C · #00524A · #001E25
Teal and Aqua set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F2F3E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Aqua (#73CCCE): A luminous, balanced teal — the color of glacier melt.
- Teal (#00818C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00524A): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001E25): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Weathered Lagoon color palette (#F2F3E7, #B7CFB5, #038D93, #005D4F, #032812)
- Petrol Meadow color palette (#FFF0FA, #72C8CA, #007A94, #005939, #003755)
- Wandering Petrol Basin color palette (#E7EBE0, #92BEB0, #346EA8, #004860, #001338)
- Washed Basin color palette (#F0F4E3, #9ED9F7, #1D8CC6, #005F71, #002744)
- Tempered Denim Thicket color palette (#EFF1E0, #5BABB2, #006371, #003A37, #000D12)
- Cerulean Harbor color palette (#E9ECDC, #428295, #004257, #001F22, #000103)
- Softworn Turquoise Archive color palette (#FFF2EC, #B3FEFE, #00ABCC, #00764C, #00283E)
- Frosted Corridor color palette (#F9EDD4, #A87F00, #008476, #614800, #001B17)
Browse the whole catalog at Explore, or see today's palette.