Petrol Lagoon color palette — #E2F1F0 · #72A9CE · #006AAD · #00475B · #00132F
Peacock and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E2F1F0): a clean, paper-quiet neutral.
- Blue Fog (#72A9CE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006AAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#00475B): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00132F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Hushed Ridge color palette (#D0E4E0, #51B2BE, #007386, #004A48, #00171F)
- Ancient Thicket color palette (#ECF1E0, #7AC0EC, #006BAE, #003B4C, #00020A)
- Cornflower Quarry color palette (#F7E8DB, #79B8E0, #257BFD, #006C72, #10073C)
- Feathered Ridge color palette (#EBDAE2, #5B97BE, #144496, #002F33, #12033F)
- Wandering Azure Meadow color palette (#EAF9F8, #B7D9F9, #6698D5, #17759B, #253A60)
- Aubergine Field color palette (#EADCF3, #C79CC7, #C57AA5, #623E96, #27082B)
- Dusty Byzantium color palette (#E8DEF1, #8B2EC0, #AB0036, #004F7C, #0F001A)
- Ancient Lagoon color palette (#EEF7F5, #D0DFF0, #80BDC7, #56938C, #3A5766)
Browse the whole catalog at Explore, or see today's palette.