Petrol Lagoon color palette — #E9F5F1 · #90A570 · #1C7D9A · #613B69 · #381E2A
Built around Cerulean, softened by Mulberry — the whole palette hums with nature and growth.
The five colors
- Ivory (#E9F5F1): a clean, paper-quiet neutral.
- Moss (#90A570): A luminous, dusty green — the color of fresh herbs.
- Cerulean (#1C7D9A): A full-bodied, balanced blue — the color of open sky before noon.
- Mulberry (#613B69): A full-bodied, balanced pink — the color of neon signs at night.
- Onyx (#381E2A): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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
- Antique Petrol color palette (#E8F5F4, #6BAD87, #4A74A4, #683B54, #172D1B)
- Antique Cypress Quarry color palette (#EBF5EE, #AF9B56, #008471, #2F4B7C, #2E203B)
- Airy Moss color palette (#FBF5E6, #A99A2A, #53719E, #70464B, #64280B)
- Hushed Ash Chapel color palette (#E2F8F1, #A9CCCA, #75A4AF, #6A6A81, #433E4B)
- Patina Lime color palette (#F6F6EB, #9EBF68, #4499AE, #745D8B, #48413D)
- Emerald Villa color palette (#D6FBF7, #009E3D, #006486, #560074, #310700)
- Patina Turquoise color palette (#FDF2F7, #F8BD9C, #46AABA, #955560, #472F42)
- Tempered Driftwood color palette (#EBF4EE, #ABCCBE, #718D5A, #4D6957, #22362E)
Browse the whole catalog at Explore, or see today's palette.