Petrol Lagoon color palette — #F4E6DE · #98BEA7 · #236FAC · #004D3B · #0D0843
Built around Slate, softened by Deep Indigo — the whole palette hums with nature and growth.
The five colors
- Parchment (#F4E6DE): a clean, paper-quiet neutral.
- Sage (#98BEA7): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#236FAC): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#0D0843): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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
- Worn Cobalt Cabin color palette (#F8F0EB, #ABD2BF, #487DC2, #005D50, #1D1844)
- Patina Petrol color palette (#F6EDE1, #74BED2, #00719A, #00504E, #003053)
- Tempered Coast color palette (#F9EDE3, #73A3C2, #2D4FAF, #003A37, #0F0028)
- Linen Sapphire Atelier color palette (#E5E0C9, #7E8629, #3D61CD, #464B00, #020047)
- Denim Dune color palette (#EFDBD5, #5A959A, #00506E, #002E17, #000313)
- Muted Forest color palette (#F7F0EE, #D0E2CE, #4E99B0, #316E33, #05342C)
- Patina Lagoon color palette (#F7F0ED, #C9E3E2, #819FC3, #247B6A, #442E3C)
- Softworn Navy Dune color palette (#ECE1D9, #45809E, #00308F, #00201C, #020009)
Browse the whole catalog at Explore, or see today's palette.