Dusty Petrol color palette — #EFF8F0 · #DAD5E0 · #83A9D9 · #017C91 · #222C4D
A conversation between Teal and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF8F0): bright and airy, almost weightless.
- Silver (#DAD5E0): bright and airy, almost weightless.
- Cornflower (#83A9D9): A luminous, balanced blue — the color of deep harbor water.
- Teal (#017C91): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#222C4D): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Dusty Azure Loft color palette (#E8FBEB, #D2E2F7, #00A4EE, #007275, #00244C)
- Ancient Hollow color palette (#F0F8F1, #D4D7E8, #5FB5C1, #008261, #003442)
- Softworn Lagoon Bloom color palette (#FDF2F6, #CCE3F8, #99AFED, #00A09E, #3F325A)
- Softworn Archive color palette (#E6F2E8, #81C3D1, #007194, #003E3A, #000307)
- Denim Orchard color palette (#E5F3E7, #7DA7CC, #25509E, #002A35, #01000A)
- Feathered Amber Veranda color palette (#F4F4FF, #BF8FDF, #CC8400, #00918C, #1A1732)
- Ash Lagoon color palette (#F4F4FF, #EDD8DD, #D9BE9E, #8B88BA, #322C45)
- Patina Cobalt Archive color palette (#F8F5EF, #A5D0C1, #4179C0, #005D6E, #2D385C)
Browse the whole catalog at Explore, or see today's palette.