Petrol Lagoon color palette — #EDF4EF · #C7DBDD · #D1B5CA · #00788A · #1A291F
Built around Teal, softened by Rosewood Mist — the whole palette hums with trust and stability.
The five colors
- Cream (#EDF4EF): a clean, paper-quiet neutral.
- Silver (#C7DBDD): A whisper-light, dusty blue — the color of open sky before noon.
- Rosewood Mist (#D1B5CA): A luminous, dusty pink — the color of a candy shop window.
- Teal (#00788A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#1A291F): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Weathered Pine Dune color palette (#F0F3ED, #CADBD6, #A5C9B5, #007F59, #212817)
- Denim Loft color palette (#E4EBE7, #D2C7D3, #B49BAA, #005E77, #0B1912)
- Muted Petrol Veranda color palette (#EEF8F2, #C9DFDF, #98C8B9, #007691, #33453B)
- Dusty Sapphire Archive color palette (#F5F0F5, #E5D2D2, #DAB3BC, #2263D4, #2E1F2D)
- Softworn Cerulean Canyon color palette (#EFF6FA, #D7DBE7, #B4AEBB, #00A2C3, #1F3945)
- Chestnut Station color palette (#D0E3DF, #96BBA1, #6882AE, #754F00, #1E3200)
- Softworn Pine color palette (#F8F2DC, #90B388, #007E5C, #005663, #072900)
- Petrol Meadow color palette (#D7EDE5, #0071AD, #222350, #001220, #000502)
Browse the whole catalog at Explore, or see today's palette.