Dusty Petrol Coast color palette — #F6EFF4 · #B4C1EF · #8C77A9 · #616EA2 · #1F1117

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

The five colors

• Ivory (#F6EFF4): bright and airy, almost weightless.
• Sky (#B4C1EF): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#8C77A9): A luminous, dusty violet — the color of a velvet chair.
• Slate (#616EA2): A full-bodied, balanced violet — the color of wild irises.
• Ink (#1F1117): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Dusty Petrol Coast 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

• Patina Pewter Canyon color palette (#F9EFF0, #DDB2E0, #B06C77, #8C5E8F, #1F120F)
• Cobalt Pier color palette (#F1F6FB, #A2C3ED, #9D6B8B, #306EB7, #312A3A)
• Aged Archive color palette (#FFECF4, #CFB9E9, #9672A3, #6A4169, #480D3A)
• Cocoa Basin color palette (#FFEEE5, #B99FCD, #94678D, #794116, #3B242A)
• Timeworn Iris Ridge color palette (#F1F5FD, #C0D1F4, #AC8DC3, #7284DE, #2C2C3D)
• Timeworn Periwinkle Market color palette (#F8F3F9, #DCDDE8, #D99AA9, #699ED6, #2A1A17)
• Sunlit Drift color palette (#FCEDF1, #B98CCB, #93466F, #733688, #110202)
• Feathered Villa color palette (#F3DFE5, #A471D9, #872872, #600F96, #080001)

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