Petrol Lagoon color palette — #F6EBEF · #89B8D5 · #4565AC · #00504C · #302355
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Blush (#F6EBEF): a clean, paper-quiet neutral.
- Sky (#89B8D5): A luminous, dusty blue — the color of open sky before noon.
- Slate (#4565AC): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#302355): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Forest Courtyard color palette (#F5EBF5, #89BAC9, #007392, #005420, #0E2E53)
- Muted Loft color palette (#F1F7F0, #ACC9E4, #6573B4, #005F61, #42305B)
- Petrol Boulevard color palette (#F0E8DC, #95BDAF, #2F6DB0, #004955, #07103B)
- Hushed Meadow color palette (#FFF0FC, #98DCE3, #008ABC, #006B3F, #233E6F)
- Aged Ash color palette (#FBF2F5, #DADEEF, #8898C4, #437785, #4D5069)
- Frosted Denim color palette (#EDD9E5, #499BB6, #004B86, #003127, #0F053F)
- Chalky Periwinkle Terrace color palette (#F8ECE1, #AFDFCD, #76A1FF, #00918A, #2F264D)
- Iris Grove color palette (#D3FAFF, #99D7EC, #8C94DF, #486111, #004042)
Browse the whole catalog at Explore, or see today's palette.