Dusty Petrol color palette — #F0F1E2 · #76C0C1 · #00848F · #005A51 · #00242B
A conversation between Teal and Peacock, giving this palette its sense of trust and stability.
The five colors
- Cream (#F0F1E2): a clean, paper-quiet neutral.
- Mint Leaf (#76C0C1): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00848F): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005A51): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#00242B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Timeworn Petrol Villa color palette (#E4E7D8, #6CADC0, #007092, #004950, #001623)
- Cerulean Lantern color palette (#EEF0E4, #84D2E4, #0095B8, #006B70, #003346)
- Tempered Cerulean Bloom color palette (#FFF2EE, #97DADB, #0087AC, #005524, #000C21)
- Misty Sapphire color palette (#EEF1E8, #8AB6DF, #1173D7, #005474, #071B48)
- Feathered Quarry color palette (#E5E9F7, #525EF0, #B40092, #00646F, #090B32)
- Powder Station color palette (#F4F6F0, #C9E4E7, #84B6EA, #568FA8, #5C4C5C)
- Wandering Dune color palette (#F9D4ED, #C5BCFF, #B87FE1, #4266AB, #391D2F)
- Soft Dune color palette (#D1E5F4, #0089DC, #0069BF, #002A97, #0E184D)
Browse the whole catalog at Explore, or see today's palette.