Petrol Lagoon color palette — #FAF2F8 · #EBD4CF · #C8ABAA · #556093 · #41373E

Slate and Rosewood Mist set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Bone (#EBD4CF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rosewood Mist (#C8ABAA): A luminous, dusty orange — the color of toasted spice.
• Slate (#556093): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#41373E): quiet, heavy and certain.

Feels like: Creativity, 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

• Antique Harbor color palette (#EFF1FA, #DAD3DF, #B5B5C4, #625E8C, #1D2029)
• Softworn Pewter color palette (#FBF2F6, #E4D8D3, #CABEB1, #8D6779, #4F4449)
• Ancient Aubergine color palette (#FDF2F4, #ECC9C5, #C29E8B, #7C398D, #3F2D31)
• Muted Loft color palette (#F3F5FB, #DCD7DE, #CBBBC7, #9498DF, #363A46)
• Navy Balcony color palette (#E8DAE1, #CDB1B5, #A38681, #433485, #291A22)
• Muted Bronze Dune color palette (#FBD9FB, #B4A1C9, #AB684F, #435F20, #2C4538)
• Ancient Jade Studio color palette (#FDF4E2, #84A866, #1D7356, #643F41, #36362F)
• Antique Bloom color palette (#F7EDED, #AC948B, #986331, #4F003D, #120506)

Browse the whole catalog at Explore, or see today's palette.