Petrol Lagoon color palette — #F4E6DE · #7FC1BE · #00788B · #004E2B · #001826
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F4E6DE): a clean, paper-quiet neutral.
- Mint Leaf (#7FC1BE): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00788B): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004E2B): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#001826): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Dusty Loft color palette (#EFEFE5, #A1B99F, #00777C, #005145, #00353B)
- Dusty Cobalt color palette (#F4E6DB, #94BEAD, #2F6BB5, #004B4C, #0F0A3F)
- Antique Denim Bloom color palette (#EBDDD6, #6AA7B6, #005F88, #003A31, #000921)
- Tempered Cobalt color palette (#FBEFE8, #A0DAEC, #288BC7, #006359, #072055)
- Ancient Teal color palette (#E8FAF5, #C3E2FF, #00A6AD, #006B5C, #002328)
- Washed Abyss color palette (#F9E5DB, #46838D, #004159, #002018, #000105)
- Wandering Fern color palette (#E8EAC8, #8FD9BE, #5BADC9, #615C00, #162000)
- Powdered Balcony color palette (#E9E4D4, #828500, #456A00, #003F16, #002016)
Browse the whole catalog at Explore, or see today's palette.