Petrol Lagoon color palette — #F4F6EE · #C1E6D9 · #668EB4 · #146C88 · #563E57
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Celadon Mist (#C1E6D9): A whisper-light, dusty teal — the color of glacier melt.
- Slate Blue (#668EB4): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#146C88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#563E57): A deep, shadowed, dusty pink — the color of a candy shop window.
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
- Cypress Delta color palette (#F4F6ED, #C7E5D4, #5C92AB, #006F7A, #255143)
- Cypress Bloom color palette (#F6F1EC, #C6E4D9, #728EBF, #006B73, #3E2134)
- Tempered Iris Cabin color palette (#EEF9EC, #5BB1A8, #8282C0, #00766E, #3E3C69)
- Faded Parlor color palette (#F3F7E9, #A0D6F7, #2486C7, #00637A, #15416D)
- Powder Pier color palette (#EEF7F7, #D6DBF2, #84C3FF, #4EA4C5, #354962)
- Dusty Abyss color palette (#E9EDDB, #56899B, #00425B, #002227, #000A15)
- Denim Harbor color palette (#ECEDDF, #64ACB5, #006273, #003E3D, #00242F)
- Ancient Petrol color palette (#ECF1E4, #8EBCAF, #356AA6, #004B67, #172C54)
Browse the whole catalog at Explore, or see today's palette.