Petrol Lagoon color palette — #F7ECE4 · #91BDA7 · #2A69AE · #005144 · #282657
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Cream (#F7ECE4): a clean, paper-quiet neutral.
- Sage (#91BDA7): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#2A69AE): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005144): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#282657): A deep, shadowed, balanced violet — the color of wild irises.
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
- Hushed Dune color palette (#F8EBE8, #7EBFBD, #00748F, #005416, #0B2F51)
- Dusty Cobalt Chapel color palette (#FDF3EA, #9FD2BE, #5877B3, #00605A, #3B335B)
- Petrol Canyon color palette (#E3EBE5, #87BCD2, #0372AA, #004B4F, #001534)
- Nightshade Field color palette (#F5E7D8, #78A4CA, #3F4AAB, #003E3F, #2A0948)
- Pale Forest Dune color palette (#FFF2EE, #8DDFDE, #008DAF, #006C23, #16416C)
- Washed Onyx color palette (#F6E1D8, #5B9BA6, #004F75, #00321F, #040B3D)
- Wandering Parlor color palette (#FFE5E3, #FAAF9F, #B89E4C, #665698, #4F2533)
- Forest Archive color palette (#FCF3F0, #CCE4CE, #5793AE, #327147, #573E57)
Browse the whole catalog at Explore, or see today's palette.