Petrol Lagoon color palette — #F0F7F4 · #E3D7D9 · #C5ABB6 · #226B93 · #323D39
Built around Peacock, softened by Rosewood Mist — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F7F4): bright and airy, almost weightless.
- Silver (#E3D7D9): a clean, paper-quiet neutral.
- Rosewood Mist (#C5ABB6): A luminous, dusty rose — the color of a warm blush.
- Peacock (#226B93): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#323D39): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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 Harbor color palette (#F2F7F1, #CADEDD, #99BCB2, #00736E, #363D35)
- Antique Cerulean Parlor color palette (#EEF8F5, #EBD7DD, #D0BCC0, #6084A5, #303E3A)
- Petrol Coast color palette (#ECF3F9, #D4D5E6, #AEB8C7, #43688A, #19212A)
- Lapis Loft color palette (#FCF2F8, #E3CCD2, #C297B3, #4F41BC, #3D2E37)
- Washed Byzantium color palette (#FBF3F5, #E9D6CC, #D6B3A9, #894CA2, #4E393F)
- Wandering Chapel color palette (#D8E2DF, #C3B3BE, #9785AC, #004779, #0A251F)
- Softworn Field color palette (#FFF3E7, #AA9A63, #5B6C00, #3A4973, #38352F)
- Muted Mulberry color palette (#F4ECED, #D7C8C6, #BA978A, #733C76, #3B282B)
Browse the whole catalog at Explore, or see today's palette.