Petrol Lagoon color palette — #F6EDDE · #86BFDF · #006AB4 · #003D44 · #000114
Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#F6EDDE): A whisper-light, dusty gold — the color of honey in a jar.
- Sky (#86BFDF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#006AB4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003D44): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000114): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Ancient Petrol Orchard color palette (#F4EDE2, #76C7C3, #007580, #00402E, #000305)
- Patina Balcony color palette (#DEECE1, #5998BA, #004C83, #002F35, #020E3A)
- Hushed Drift color palette (#F2E4EA, #3D94BF, #0036B6, #002C28, #050018)
- Powdered Cornflower Atelier color palette (#F6EBE2, #84B8D6, #4C7EE2, #006E66, #18003E)
- Bronze Atelier color palette (#FBE5D6, #BB6400, #00709C, #5C2E00, #000103)
- Periwinkle Field color palette (#FBF4EA, #C3E4F7, #7DA9E0, #0B7C90, #222C4F)
- Dusty Aubergine color palette (#F0DCCA, #935700, #00675E, #5D0094, #020100)
- Dusty Lagoon Atelier color palette (#FAF4EC, #BAE6EF, #83C7DA, #3E9381, #214839)
Browse the whole catalog at Explore, or see today's palette.