Dusty Petrol color palette — #EBF3F8 · #E8B6A3 · #326A7A · #183543 · #0B151B
Peacock and Sand set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EBF3F8): a clean, paper-quiet neutral.
- Sand (#E8B6A3): A luminous, dusty orange — the color of autumn markets.
- Peacock (#326A7A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#183543): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#0B151B): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Dusty Petrol 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 Stone Courtyard color palette (#EBF2FF, #BFB57A, #46537B, #182742, #060C1A)
- Weathered Canyon color palette (#EDF7FB, #9ECBC1, #226A6D, #133F4B, #1B2631)
- Cerulean Market color palette (#EFF8F2, #F0C7AF, #4B8797, #325641, #212F26)
- Aged Coral Dune color palette (#E6F4FF, #E98979, #005277, #002437, #000813)
- Petrol Loft color palette (#EBF3F7, #89D1DE, #8977AF, #227F8E, #141520)
- Washed Cerulean color palette (#ECF3F8, #D7D6DE, #B7ABB2, #6487A3, #30373D)
- Worn Bone color palette (#F0F8EF, #B7E8D2, #738F72, #394C39, #171D16)
- Weathered Amber color palette (#D4E1ED, #C37757, #003B65, #001326, #000205)
Browse the whole catalog at Explore, or see today's palette.