Dusty Petrol Basin color palette — #F7F1E8 · #BDE7D8 · #7090B6 · #006A7A · #3D2039

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Celadon Mist (#BDE7D8): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#7090B6): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006A7A): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#3D2039): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty Petrol Basin 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 Alley color palette (#F6F1EA, #C7E4D4, #6594B0, #166B6B, #00352C)
• Antique Villa color palette (#FBF2F6, #C8E0F3, #6E88C5, #00716C, #4A4166)
• Hushed Cobalt color palette (#F8F1E5, #A7D7F3, #4088C7, #00606B, #0B2150)
• Denim Studio color palette (#F1E8DB, #6AA8B0, #006279, #003A33, #000C16)
• Lagoon Meadow color palette (#FAF4EE, #C5DFED, #A5BAEA, #3E918C, #523543)
• Worn Navy Courtyard color palette (#E9E1D5, #5E8EBD, #1F4296, #002A37, #03001B)
• Antique Abyss Atelier color palette (#F4EDE3, #428297, #00405E, #001F20, #000105)
• Petrol Parlor color palette (#F9F1E3, #7FCACE, #007F95, #005344, #001D2A)

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