Petrol Lagoon color palette — #ECF3F6 · #D2D6E1 · #ADB8C6 · #007185 · #14232A
Teal and Onyx set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF3F6): bright and airy, almost weightless.
- Silver (#D2D6E1): a clean, paper-quiet neutral.
- Ash (#ADB8C6): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007185): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#14232A): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Petrol Coast color palette (#F1F7F2, #CFDCDE, #C2ACB9, #00717D, #323E35)
- Ancient Cerulean Dune color palette (#EFF6FA, #D9DAE3, #C0B0BC, #009BAF, #233136)
- Aged Cypress Orchard color palette (#E9F5F1, #79ABA6, #2F735A, #005153, #002220)
- Ultramarine Field color palette (#EBF3FE, #CDD4E4, #A5A9CA, #0051C4, #071A33)
- Timeworn Canyon color palette (#F0F1F8, #DAD3DC, #C2BAD3, #7057B6, #212434)
- Antique Delta color palette (#C8E5F8, #93ADCE, #7C709A, #653C25, #17341F)
- Abyss Basin color palette (#E5F1F8, #A7B5C2, #818EA3, #004B62, #000C16)
- Nocturne Petrol Hollow color palette (#DBEBF9, #006AA6, #16253E, #000D1C, #000205)
Browse the whole catalog at Explore, or see today's palette.