Petrol Lagoon color palette — #EFE6EC · #79C0D0 · #0074A2 · #004C40 · #001435
Slate and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#EFE6EC): a clean, paper-quiet neutral.
- Sky (#79C0D0): A luminous, dusty blue — the color of open sky before noon.
- Slate (#0074A2): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C40): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001435): 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
- Linen Pier color palette (#F1E6E9, #8BB9E1, #4362C5, #004A53, #160F30)
- Worn Petrol Market color palette (#E0F3F0, #7BBDCD, #007390, #004F53, #003347)
- Hazy Cornflower color palette (#FAEEF2, #AED5F5, #547DDE, #00616A, #231E46)
- Azure Grove color palette (#F5F7EA, #B8F0FF, #00A1C9, #00696F, #002231)
- Washed Bloom color palette (#F6EFF4, #D6D1E7, #76A2C5, #257A71, #2C3748)
- Worn Lagoon Lagoon color palette (#F8EBF4, #169CA1, #005265, #002D1C, #00050C)
- Worn Raspberry color palette (#E5DFF0, #C140A9, #005D28, #005853, #0F041E)
- Hazy Pier color palette (#EAE6FA, #B052BB, #007B7A, #70097B, #001616)
Browse the whole catalog at Explore, or see today's palette.