Dusty Petrol Basin color palette — #F7EFF2 · #DAD0E3 · #869BCB · #257782 · #303548

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7EFF2): a clean, paper-quiet neutral.
• Silver (#DAD0E3): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#869BCB): A luminous, dusty violet — the color of wild irises.
• Teal (#257782): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#303548): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Softworn Petrol color palette (#EDF8F7, #D8DBEC, #7E9CBF, #45768D, #475365)
• Ancient Field color palette (#EBF2FD, #98B4E4, #D78367, #5171AA, #402838)
• Washed Cerulean Cabin color palette (#F8EFF5, #BCE4EE, #0D9EB4, #216F42, #162F40)
• Petrol Station color palette (#F2E4ED, #86BDCD, #0073A7, #004C42, #041433)
• Ancient Lagoon Boulevard color palette (#F5E5F0, #358786, #004351, #002111, #000103)
• Dusty Periwinkle Lagoon color palette (#E8F3FF, #67A1D9, #B6804D, #8A7644, #1B2937)
• Patina Field color palette (#FAF4EE, #C6DFF0, #C6A5C1, #55919A, #634A58)
• Aged Pier color palette (#ECE1E5, #6EA3C7, #104FBA, #00393D, #090327)

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